:root{font-family:monospace;font-size:16px}*{font-family:inherit}body{margin:1em}@media screen and (width>=600px){body{margin:2em}}header{justify-content:left;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}header a img{display:block}h1{color:#333;font-size:1rem}nav{color:#333;justify-content:center;font-size:1rem;display:flex}nav a{color:#333;padding:.2rem}nav a:hover{color:#0f0;background-color:#000;text-decoration:none}nav ul{gap:1rem;padding:0;list-style:none;display:flex}main a{color:inherit;padding:.2rem}main a:hover{color:#0f0;background-color:#000;text-decoration:none}.grid{flex-direction:column;gap:2rem;display:flex}@media screen and (width>=600px){.grid{grid-template-columns:repeat(auto-fit,minmax(max(500px,40%),1fr));display:grid}}footer{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:16rem;display:flex}footer p:has(span){align-items:center;gap:2rem;display:flex}footer p:has(span) span{align-items:center;gap:.75rem;display:flex}footer a{display:inline}footer img,footer svg{width:2rem;height:2rem}