@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;600;700&display=swap";*{box-sizing:border-box}html{background:#090909}body{color:#d8d8d8;background:#090909;margin:0;font-family:Pixelify Sans,monospace;line-height:1.7}body:before{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}a{color:#eee}.site{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;gap:20px;width:min(1000px,100% - 32px);margin:auto;padding:22px 0;display:flex}.logo{color:#fff;font-size:22px;font-weight:700;text-decoration:none}nav{flex-wrap:wrap;gap:16px;display:flex}nav a{font-size:14px;text-decoration:none}nav a:hover{text-decoration:underline}main{width:min(850px,100% - 32px);margin:auto;padding:55px 0}article{background:#141414;border:2px solid #555;padding:clamp(20px,5vw,40px);box-shadow:5px 5px #000}article small{color:#777;letter-spacing:2px}h1{color:#fff;margin:8px 0 10px;font-size:clamp(32px,7vw,52px)}h2{color:#fff;border-top:2px solid #292929;margin-top:28px;padding-top:22px;font-size:20px}p,li{color:#c2c2c2;font-size:15px}.intro{color:#999;font-size:18px}.date{color:#666;font-size:13px}li{margin:7px 0}article a{text-underline-offset:3px;text-decoration:underline}.buttons{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.buttons a{background:#1d1d1d;border:2px solid #777;padding:10px 16px;text-decoration:none}.buttons a:hover{background:#292929}footer{border-top:2px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:min(1000px,100% - 32px);margin:auto;padding:25px 0 35px;display:flex}footer span{color:#666;font-size:13px}@media (width<=600px){header{flex-direction:column;align-items:flex-start}nav{gap:10px}main{padding:35px 0}footer{flex-direction:column;align-items:flex-start}}