:root{--headerColor:#ddd}main{max-width:768px;background:#fff;padding:40px;border-radius:8px;line-height:1.3}header{padding:1rem 2rem;background-color:var(--headerColor);font-weight:bold}header a{text-decoration:none;color:#333}footer{text-align:center;padding:2rem;color:#fff}body{font-size:1.5rem;color:#222;background-color:#486aa0}h2,h1,h3{margin:1em 0 0.5em 0;color:#d65656}h1{font-size:240%}h2{font-size:160%}h1,h2{font-family:russo one;font-weight:normal}.subline{width:100%;font-size:2.5rem;color:#394;margin-bottom:4rem;margin-top:-3rem;border-bottom:solid 1px #d6d6e6;padding-bottom:2rem}code{font-weight:bold}@media screen and (max-width:768px){.myClass{width:100%}}