*{box-sizing:border-box}body{color:#fff;background:#111;margin:0;font-family:Arial,sans-serif}a{color:#9ad;text-decoration:none}a:hover{text-decoration:underline}main{width:min(850px,90%);margin:0 auto}.navbar{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.navbar h2{margin:0}.navbar div{gap:16px;display:flex}.page{padding:80px 0}.page h1{margin-bottom:12px;font-size:48px}.page h2{color:#ccc;font-weight:400}p{color:#ddd;line-height:1.6}.project{border-top:1px solid #333;padding:24px 0}.project h2{margin-bottom:8px}.project span{color:#777}@media (width<=600px){.navbar{flex-direction:column;align-items:flex-start;gap:12px}.navbar div{flex-wrap:wrap}.page h1{font-size:36px}}