:root{--bg-color:#fff;--text-color:#000;--bg-nav:#7ded82;--bg-nav-border:#128718}:link{color:#23238e}:visited{color:#008088}a:active,a:focus{color:#000;outline-offset:.2rem;outline:2px dashed #000}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-size:1.4rem}code{white-space:nowrap}h1,h2,h3{margin-top:0}.container-nav{background-color:var(--bg-nav);border-right:10px solid var(--bg-nav-border)}.container-nav h2{font-size:1.4rem}li{padding:.2rem 0}nav,article{padding:1rem}main{flex-direction:column;display:flex}@media (width>=600px){main{flex-direction:row}}