*{margin:0;padding:0;box-sizing:border-box;align-items:center}body,html{overflow-x:hidden;font-family:Roboto,sans-serif;background-color:#0000}.webgl{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}nav{color:#fff;z-index:2;position:relative;padding:4rem 8rem;display:flex;justify-content:center;background-color:transparent;pointer-events:none}nav a{color:#fff;text-decoration:none;font-size:1.5rem;padding:0 1rem;font-weight:700;pointer-events:auto}nav ul{display:flex;list-style:none;gap:4rem;flex-wrap:wrap;justify-content:center;pointer-events:auto}li{margin:1px 0}#navTitle{color:#fff;text-decoration:none;font-size:1.5rem;padding:0 1rem;font-weight:700;position:absolute;top:1rem;left:1rem}#navTitle2{color:#fff;text-decoration:none;padding:0 1rem;font-weight:700;position:absolute;top:1rem;right:1rem}.title{position:absolute;color:#fff;z-index:2;font-size:3rem;left:50%;top:20%;transform:translate(-50%,-25%);text-align:center}.sidebar{position:fixed;top:20%;right:0;width:200px;height:100%;background-color:#0000006b;padding:2rem;box-shadow:2px 0 5px #00000080;z-index:1}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:1rem 0;color:#fff}.sidebar input[type=checkbox],.sidebar .slider{margin-right:10px}.slider{width:100%;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#ffc670;cursor:pointer}.slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#ffc670;cursor:pointer;border:none}.screen-size-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:1000;justify-content:center;align-items:center;flex-direction:column;font-size:2rem;text-align:center;padding:2rem}.screen-size-warning h2{margin-bottom:1rem}@media (min-width: 300px){.screen-size-warning{display:none!important}}@media (max-width: 299px){.webgl{display:none!important}nav{display:none!important}.title,.sidebar{display:none!important}.screen-size-warning{display:flex!important}}@media (min-width: 300px) and (max-width: 999px){nav{padding:1.5rem 1rem}nav ul{gap:.1rem;flex-direction:column;align-items:center}nav a{font-size:1rem;padding:.2rem}#navTitle{font-size:1.1rem;top:.5rem;left:.5rem;padding:0 .5rem}#navTitle2{font-size:1.1rem;top:.5rem;right:.5rem;padding:0 .5rem}.title{font-size:1.7rem;top:16%;left:50%;transform:translate(-50%,-10%);padding:0 1rem;text-align:center;position:absolute;width:auto}.sidebar{width:100vw;height:auto;top:unset;bottom:0;right:0;left:0;padding:1rem .5rem;box-shadow:0 -2px 5px #00000080;display:flex;flex-direction:column;align-items:center}.sidebar ul{flex-direction:column;align-items:center}.sidebar li{margin:.5rem 0;font-size:1rem}.slider{height:4px}.screen-size-warning{font-size:1.2rem;padding:1rem}}