body{background:#6a6d66;color:#f0f0f0;font-family:lato,helvetica neue,Helvetica,Arial,sans-serif;font-size:16px;margin:0 auto;max-height:800px;max-width:1400px}body ::selection,body ::-moz-selection{color:#fff;background-color:#dce0d7}body a{color:#c8ccc3;text-decoration:none;transition:color 150ms ease;outline:none}body a:hover,body a:focus{color:#a9afa4}body a:visited{color:#a9afa4}body header{margin:0 auto;padding:50px 20px 10px;width:90%}body .logo{color:#c8ccc3;font-family:quicksand,sans-serif;font-size:3em;font-weight:700;letter-spacing:-2px}body .logo span{color:#703030}main{background-color:#7f837b;margin:0 auto;min-height:470px;position:relative;width:480px}ul{align-items:center;background-color:#754a4a;display:flex;list-style:none;height:70px;padding:0 20px}ul li:last-child{margin-left:auto}[class^=icon]{background:0 0;border:none;display:block;height:27px;fill:#2f2323;padding:0;outline:none;stroke:#2f2323;stroke-width:0;width:27px}[class^=icon]:hover{cursor:pointer;fill:#382a2a;stroke:#382a2a}.icon-next{background-color:#754a4a;bottom:0;height:70px;position:absolute;right:0;width:70px}.icon-next svg{display:block;height:30px;margin:0 auto;width:30px}figure{font-size:1.2em;margin:0 0 15px;padding:60px 0;text-align:center}figure blockquote{margin:0 auto 40px;width:75%}figure blockquote::before{background:url(/projects/grae/quote.svg)no-repeat;content:"";display:block;height:32px;margin:0 0 10px -5px;width:45px}figure blockquote div{width:94%;margin:0 auto}figure figcaption{text-transform:uppercase}figure figcaption::before{background-color:#6a6d66;content:"";display:block;height:2px;margin:0 auto 15px;width:70px}figure .fadeIn{animation:fadeIn .5s ease-in forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}footer{padding:20px 0;margin:50px auto 0;width:90%;font-size:1.1rem;text-align:right}footer small{font-size:inherit}@media only screen and (max-width:582px){header{width:100%}}@media only screen and (max-width:480px){body header{padding:20px}footer{margin-top:20px}main{height:calc(100vh - 102px);max-height:540px;width:100%}ul{margin:0}}