.neon-text{color:#fff;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #8bf6f2,0 0 16px #8bf6f2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.landing-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center, hsl(30, 40%, 70%), hsl(260, 100%, 84%));z-index:-1}#elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.parallax-container{position:absolute;width:100%;height:100%;overflow:hidden;border:5px solid #fff}.parallax-layer{position:absolute;top:0;left:0;width:1px;height:1px;display:grid;place-content:end center}.parallax-layer img.tree{min-width:6em;width:6em}.parallax-layer img.bush{min-width:3em;width:3em}#landing-container{width:100%;z-index:20;overflow-y:auto;max-height:100vh}@media screen and (max-width: 800px){#landing-container{width:100%}}#landing-home{display:grid;position:relative;grid-template-areas:"text" "buttons" "sound";grid-template-rows:auto 1fr auto;width:100%;z-index:20;height:100vh}@media screen and (max-width: 800px){#landing-home{width:100%}}#landing-header{position:absolute;top:0;right:0;padding:10px;display:flex;flex-direction:row;gap:30px;color:#fff}#landing-header button{font-size:1.5em;color:#fff;text-shadow:0 0 1px #fff,0 0 2px #8bf6f2}#landing-header button:hover{color:#abfffc}#scroll-hint{position:absolute;bottom:0;right:0;color:#fff;display:flex;flex-flow:column nowrap;align-items:center;margin:60px 20px;gap:8px;padding:14px;padding-bottom:10px;background:hsla(0,0%,100%,.1);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0}#scroll-hint.open{opacity:1;transition:opacity 1s ease .6s}#scroll-hint span{font-size:.7em;font-family:"8x8",monospace;text-shadow:0 0 2px #8bf6f2}#landing-text{grid-area:text;display:flex;flex-direction:column;text-align:center;margin:auto;margin-top:90px;padding-left:20px;padding-right:20px}#landing-text #main-title{position:relative;text-align:center;display:inline-block}#landing-text #main-title .alpha{position:absolute;right:-10px;top:-15px;transform:rotate(10deg);font-family:"8x8",monospace;font-size:.3em;color:#2e8297;margin-top:10px;text-shadow:0 0 1px #fff,0 0 2px #8bf6f2}#landing-text h1{font-size:7em}#landing-text h2{font-size:1.2em;word-spacing:-0.5em;font-family:"8x8",monospace;color:#fff;width:650px;margin:auto;height:50px;margin-top:10px;line-height:1.6em;text-shadow:0 0 1px #fff,0 0 2px #8bf6f2}#landing-buttons{grid-area:buttons;display:flex;flex-direction:column;width:100%;gap:5px;margin-top:30px;align-items:center}#landing-buttons #discord-login{opacity:0;pointer-events:none}#landing-buttons #discord-login.open{opacity:1;pointer-events:auto;transition:opacity .8s ease .3s}#landing-buttons #signup-login.open{opacity:1;pointer-events:auto;transition:opacity 1s ease}#landing-buttons #signup-login{width:400px;background:hsla(0,0%,100%,.6);padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;pointer-events:none}#landing-buttons #signup-login .active-btn{background:#8bf6f2;color:#162226;pointer-events:none;box-shadow:0 0 5px rgba(0,0,0,.4)}#landing-buttons #signup-login form{display:flex;gap:10px;width:100%}#landing-buttons #signup-login form input{flex:1;padding:8px;border:none;width:100px;color:#162226;font-size:15px;text-align:center;padding:7px;width:100%}#landing-buttons #signup-login form #input-enter{width:80%;margin:10px;opacity:0}#landing-buttons #signup-login form .input-row{display:flex;flex-direction:column;gap:10px;font-family:"8x8",monospace;text-transform:uppercase;font-size:12px;width:100%;height:60px}#landing-buttons #signup-login form .input-row span{color:#162226;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #8bf6f2;word-spacing:-0.5em}#landing-buttons #signup-login form input:focus{box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 6px #8bf6f2,0 0 10px #8bf6f2;outline:none;z-index:1000}#landing-bgm{grid-area:sound;position:relative;gap:4px;padding:4px;margin:0 4px;border-radius:4px;color:#ccc;margin-bottom:20px}#landing-bgm .row{display:flex;flex-flow:row nowrap;justify-content:center;gap:6px;height:16px;width:100%}#landing-bgm #analyser{border-radius:2px;height:20px}#landing-bgm .buttons{display:flex;flex-flow:row nowrap;justify-content:center;gap:4px;position:absolute;bottom:0;left:0;width:100%;height:100%}#landing-bgm .buttons button{border:0;outline:none;padding:8px 4px;border-radius:2px;display:grid;place-content:center;color:#fff;cursor:pointer;padding:8px;width:50px}#landing-bgm .buttons button:hover{color:#8bf6f2}#landing-bgm .buttons button svg{filter:drop-shadow(0 0 4px #8bf6f2)}@media screen and (max-width: 800px){#landing-text{margin-top:60px}#landing-text h1{font-size:5em;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #8bf6f2,0 0 8px #8bf6f2}#landing-text h2{margin-top:10px;font-size:1.5em;width:100%}#landing-buttons{font-size:.8em}#landing-buttons #signup-login{width:auto}}@media screen and (max-width: 560px),(max-height: 560px){#landing-header{gap:10px;justify-content:center;align-items:center;width:100%}#landing-header button{font-size:1em}#landing-text{margin-top:60px}#landing-text h1{font-size:3.5em;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #8bf6f2,0 0 8px #8bf6f2}#landing-text h2{margin-top:20px;font-size:1em}#landing-buttons{font-size:.8em}#landing-buttons #signup-login{width:auto}}#enter-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}#landing-section{margin-bottom:200px}#landing-section #landing-section-text{width:900px;padding:20px;border-radius:3px;margin:auto;display:flex;flex-direction:column;gap:20px}#landing-section #landing-section-text video{width:500px;width:100%;box-shadow:0 0 10px rgba(0,0,0,.5)}#landing-section #landing-section-text h2{font-size:1.2em;word-spacing:-0.3em;font-family:"8x8",monospace;color:#8bf6f2;margin:auto;margin-top:10px;line-height:1.6em;background:#162226;padding:10px;box-shadow:0 0 2px #e5fbda}@media screen and (max-width: 800px){#scroll-hint{display:none}#landing-section #landing-section-text{width:100%}#landing-section #landing-section-text video{width:100%}#landing-section #landing-section-text h2{font-size:1em}}