body{margin:0;font-family:Roboto (+ Condensed and Slab);background-color:#121212;color:#eee}nav{background-color:#6a0dad;padding:1rem;display:flex;gap:1.5rem}nav a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease}nav a:hover{color:#ccf}h1,h2{color:#c9f;margin-top:0}ul{list-style:none;padding:0}li{background-color:#1e1e2f;margin:.5rem 0;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #ffffff0d}main,.content,.container{max-width:900px;margin:auto;padding:2rem}