:root{--bg-color: #060508;--nav-fs: calc(1280 / 17.6)}*{padding:0;margin:0;box-sizing:border-box}html,body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;width:100%;height:max-content;overflow:hidden;position:relative;color:#f5f5f5!important}::selection{background:#f5f5f5;color:var(--bg-color)}#app,#bg,canvas{width:100%;height:100vh;overflow:hidden}#bg{background-color:var(--bg-color);position:absolute;z-index:-2}#app{z-index:1;position:relative}canvas{z-index:2;position:absolute;left:0;top:0}.main-nav{width:100%;max-width:1440px;height:max-content;margin:10px auto;display:flex;justify-content:space-evenly;column-gap:10px;flex-wrap:wrap;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#06050833}.main-nav>a{text-decoration:none;color:#f5f5f5;font-size:1.1em;font-weight:500;padding:5px 20px;margin:10px 0;border:2px solid whitesmoke;border-radius:15px;text-align:center;transition:.3s all}.main-nav>a.active{background-color:#f5f5f5;color:var(--bg-color)}.main-nav>a:hover,.main-nav>a.active{box-shadow:0 1px 15px -1px #f5f5f5}main{width:100%;height:100%;position:relative;z-index:10}@media screen and (min-width: 768px){.main-nav>a{width:125px}}@media screen and (min-width: 1281px){.main-nav>a{width:150px}}@media screen and (min-width: 1441px){.main-nav{max-width:100%}.main-nav>a{width:calc(100vw / (1280 / 125));font-size:calc(100vw / var(--nav-fs))}}@media screen and (max-width: 768px){.main-nav{width:100%}}