html{height:100%}body{background:white;margin:0 auto;font-family:"Roboto","Helvetica","Arial",sans-serif;line-height:1.5;color:#2c3e50;display:flex;flex-direction:column;height:100%}body>main{flex-grow:1}header{background-color:#1d2326;background-image:linear-gradient(rgba(44,62,80,0.5),rgba(44,62,80,0.95)),url("/img/bg-compressed.jpg");background-position:0 18%;padding:4em;background-repeat:no-repeat;background-size:cover;line-height:1.2;padding:10vw 2em;text-align:center}header h1{color:white;font-size:2.5em;font-weight:600;text-shadow:0 0 80px black}header a{border:1px solid #fc4349;border-radius:290486px;color:white;font-size:.6em;letter-spacing:.2em;padding:1em 2em;text-transform:uppercase;text-decoration:none;transition:none 200ms ease-out;transition-property:color,background;text-shadow:0 0 80px black;background:rgba(44,62,80,0.6)}header a:hover{background:#fc4349;color:white}#logo-container{margin:0 auto;width:80px;padding:20px;background-color:#fc4349;border-radius:220px;box-shadow:0 0 100px 0 rgba(0,0,0,0.3);vertical-align:top}#logo{fill:white}main,footer>div{margin:0 auto;max-width:50em;padding:4em 1em}h1,h2,strong{color:#2c3e50}h1,h2,h3,h4{font-family:"Montserrat","Helvetica","Arial",sans-serif}h2{margin-top:1em;padding-top:1em}main>h2:first-of-type{padding-top:0;margin-top:0}code,pre{background:#f5f7f9;border-bottom:1px solid #d8dee9;color:#a7adba}code{padding:2px 4px;vertical-align:text-bottom}pre{padding:1em;border-left:2px solid #69c}a{color:#d62f3a}a:hover{color:#fc4349}footer{background:#2c3e50;color:#d7dadb}footer a{color:#d7dadb}footer strong{color:white}