@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";html,body,*{margin:0;padding:0;box-sizing:border-box}button,textarea,input,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{color:#fff;margin:0;text-align:center;background:radial-gradient(circle,transparent 50%,black 150%),#2a2834;font-family:"Poppins",Arial,Helvetica,sans-serif}canvas{z-index:-5;position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:.5}p{color:#ffffff80}a,a:hover,a:visited{color:#fff;text-decoration:none}#container{min-height:100vh;display:flex;align-items:center;justify-content:center}h1{font-size:3rem}header{position:fixed;top:0;width:75%;margin:1rem 0}@media only screen and (max-width: 768px){header{width:100%}}nav{display:flex;align-items:center;justify-content:flex-end}@media only screen and (max-width: 768px){nav{display:block;padding-right:1rem;padding-top:.4rem}}ul{color:#fff;text-decoration:none}@media only screen and (max-width: 768px){ul{display:flex;flex-direction:column;align-items:flex-end}}ul{list-style:none}li{float:left}@media only screen and (max-width: 768px){li{width:25vw;border-radius:.25rem;background:rgba(0,0,0,.25);margin-bottom:.5rem}}li a{display:block;color:#fff;text-align:center;padding:.75rem 1rem;text-decoration:none;border-radius:.25rem;transition:all .2s ease}li a:hover{border-radius:.25rem;color:#fafafa;background:#211f28}.logo-container{position:absolute;display:flex;align-items:center;font-size:1.2rem;padding:.75rem;font-weight:500}.logo{margin:0 .75rem;height:2rem}.header-container{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10}.icon{display:none}@media only screen and (max-width: 768px){.icon{display:flex;justify-content:flex-end;padding:.75rem 1rem}}@media only screen and (max-width: 768px){.hide{animation:float-to-right .2s cubic-bezier(.68,-.55,.27,1.55) forwards}}.show{animation:float-from-right .2s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes float-from-right{0%{transform:translate(200px)}to{transform:translate(0)}}@keyframes float-to-right{0%{transform:translate(0)}to{transform:translate(200px)}}