:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0b0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:hover{cursor:pointer;color:#fff;text-decoration-color:#0ff}body{margin:0}article{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}article:hover{border-color:#0ff}article{font-weight:300}article:focus,article:focus-visible{outline:2px auto -webkit-focus-ring-color}body{font-size:18px}h1{font-weight:300;text-align:center;font-size:40px;margin-top:10px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#94ffff;text-decoration-thickness:1px}main{width:80%;padding-left:10%;margin-top:50px}.header{text-align:center}nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-width:60%;width:60%;padding-left:20%;text-align:center;max-width:500px;padding-right:20%}nav a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#94ffff;white-space:nowrap}.cu{display:block;margin-top:7px;width:100px;transform:translate(12px)}article{border:1px solid rgba(233,255,254,.589);height:100px;width:auto;align-content:center;text-align:center;column-gap:20px}em{color:#f60}em:before{content:" ~ "}em:after{content:" ~ "}code{color:#dafff3}.home{display:grid;grid-template-columns:auto auto;column-gap:40px;align-self:center;align-content:center;align-items:center}footer{text-align:center;margin-top:200px;font-size:15px;color:gray;background-color:#1a1a1a;padding-top:20px;padding-bottom:20px}@media (width <= 600px){.home{grid-template-columns:auto}nav{grid-template-columns:1fr 1fr}}