body{font-family:'Roboto Slab', serif;display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body a{color:#450845;text-decoration:none;border-bottom:1px solid purple}body section#info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:100vh;background-image:url(../img/gandalf_gradient.gif);background-repeat:no-repeat;background-position:left center;background-size: cover;padding:0 3rem}body section#info h1{font-size:5rem;background:-webkit-linear-gradient(white, antiquewhite);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body section#info p{margin-bottom:3rem}body section#info p a{color:white}body section#info button{font-family:'Roboto Slab', serif;font-weight:bold;letter-spacing:2px;font-size:1.2em;border:2px solid white;background:transparent;padding:1rem 3rem;padding-bottom:1.2rem;margin:0.3rem;color:white;cursor:pointer;border-radius:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:relative;z-index:9}body section#info button:before{content:'';width:0%;height:100%;background:#450845;position:absolute;left:0;top:0;z-index:-9;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}body section#info button:focus{outline:#730d73}body section#info button:hover{color:white;border-color:#450845}body section#info button:hover:before{width:100%}body section#info button.sm{padding:0.75rem 2rem;padding-bottom:0.9rem;font-size:1rem}body section#loremipsum{-ms-flex-item-align:start;align-self:start;max-height:100vh;min-height:100vh;overflow-y:scroll;background-color:antiquewhite;position:relative}body section#loremipsum #loremcontent{max-width:70%;margin:0 auto;padding:1rem 0;letter-spacing:1px;line-height:1.75}body section#loremipsum #loremcontent:focus{outline:none}body section#loremipsum #loremcontent>:first-child{padding-top:5rem}body section#loremipsum #loremcontent>:last-child{padding-bottom:5rem}body section#loremipsum h1,body section#loremipsum h2,body section#loremipsum h3,body section#loremipsum h4,body section#loremipsum h5,body section#loremipsum h6{color:#450845}body section#loremipsum blockquote{border-left:3px solid #450845;margin:2rem auto}body section#loremipsum blockquote p{padding-left:5rem}body section#loremipsum blockquote cite{display:block;margin-left:5rem;color:#450845;margin-top:2rem;padding-left:5rem}body section#loremipsum blockquote cite:before{content:"";height:1px;width:4rem;display:block;background:#450845;-webkit-transform:translateX(-5rem) translateY(0.75rem);-ms-transform:translateX(-5rem) translateY(0.75rem);transform:translateX(-5rem) translateY(0.75rem)}