header{margin-top:30px;margin-bottom:40px}@media(min-width:767px){header{margin-bottom:50px;margin-top:80px}}header nav{display:flex}header nav a{font-weight:600;font-size:20px;color:#aaa;text-decoration:none;margin-right:20px;transition:color .3s ease}header nav a.active{color:#000;text-decoration:underline}header nav a.active:focus{color:#fff}header nav a:hover{background:0 0;color:#000}.intro{margin-bottom:60px}.intro strong,.intro b{font-weight:600}.intro p{color:#111;font-size:17px;font-weight:500;line-height:1.5em;margin-top:0}@media(min-width:767px){.intro p{font-size:19px}}.intro h1{font-size:30px}.intro h2{font-size:23px}.intro h3{font-size:20px}.intro h1,.intro h2,.intro h3{font-weight:800;color:#111;margin-top:50px;margin-bottom:20px}.intro h1:before,.intro h2:before,.intro h3:before{color:#351dff;content:'# '}.intro ul,.intro ol{font-size:18px;color:#111;padding-left:23px;list-style:square}.intro ul li,.intro ol li{margin-bottom:8px}::selection{background:#111;color:#fff}a{color:#000;background:#fff;font-weight:600;text-decoration:underline;transition:all .3s ease}a:hover,a:focus,a:active{background:#000;color:#fff}html,body{word-break:break-word;box-sizing:border-box}body{font-family:inter,sans-serif;background:#fff;color:#1111;margin:0;padding:0}.wrapper{max-width:600px;padding:20px;margin:0 auto}