body{margin:0;background:#1a1a1a;color:#fff;font-size:1rem;font-family:sans-serif;line-height:1.5}@media only screen and (max-device-width: 480px){body{font-size:2rem}.container{max-width:90%;margin:2em auto 0}}@media only screen and (min-device-width: 480px){body{font-size:1rem}.container{max-width:40%;margin:2em auto 0}}.navbar{display:flex;width:100%;justify-content:space-between}.navbar h1{font-size:1.5em}.navbar div{display:flex;align-self:center}.navbar div a{margin-left:2em}header{flex-direction:row;display:flex}a{color:#d1a159;text-decoration:none}a:active,a:hover{outline:0}a:hover,a:focus{color:#d1a159;box-shadow:0 1px 0 #d1a159;transition:all .1s linear}a:active{color:#d1a159;opacity:.9;box-shadow:0 1px 0 #d1a159}a.active{color:#d1a159;transition:all .1s linear}