@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";html{background-color:#1e1e1e}html body{color:#ccc;font-family:Playfair Display,serif;text-align:center;font-weight:400;margin:0 auto;padding:0;overflow-x:hidden;max-width:900px}#background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}#background .dot{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#cccccc 0%,transparent 100%);border-radius:50%;opacity:.7}nav{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#1e1e1efa;box-shadow:0 2px 8px #0006;z-index:10}nav .nav-wrapper{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}nav .brand-logo{color:#ccc;font-family:Playfair Display,serif;font-size:1.7rem;font-weight:700;letter-spacing:2px;text-decoration:none;transition:color .2s}nav .brand-logo:hover{color:#f2f2f2}nav ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}nav ul li{margin-left:28px}nav ul li a{color:#ccc;font-size:1.1rem;text-decoration:none;font-weight:500;padding:6px 10px;border-radius:4px;transition:background .2s,color .2s}nav ul li a:hover{background:#ffffff14;color:#f2f2f2}@media (max-width: 600px){nav .nav-wrapper{flex-direction:column;align-items:flex-start;padding:0 10px}nav .brand-logo{font-size:1.2rem;margin-bottom:6px}nav ul{flex-direction:column;width:100%;position:fixed;top:60px;left:0;width:100vw}nav ul li{background-color:#1e1e1e;padding:5px 20px;width:100%}}nav #hamburger-button{display:none;cursor:pointer;position:fixed;top:12px;right:20px;color:#fff}@media (max-width: 600px){nav #hamburger-button{display:block}}nav #hamburger-button i.material-icons{font-size:36px;transition:transform .3s}main{margin-top:70px}