*{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{font-family:Poppins,sans-serif}.webgl{position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:start;background-color:#00f;align-items:start}nav{color:#fff;background-color:red;width:auto;align-items:center;z-index:2;position:relative;padding:4rem 8rem;display:flex;justify-content:space-between}nav a{text-decoration:none;color:#fff;font-weight:700}nav ul{list-style:none;display:flex;gap:4rem}.title{color:#fff;z-index:2;position:absolute;font-size:3rem;left:50%;top:75%;transform:translate(-50%,-75%)}.nav-heading{font-size:2rem}