*{color:#f0f8ff;font-family:Arial,Helvetica,sans-serif}body{background:#102131;overflow:hidden;margin:0}body.possiblevariation{background:radial-gradient(#222922,#000500)}.pane{background-color:#008cff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 8px #0000004d;border:.05vh solid rgba(0,0,0,.3);border-radius:1vh;margin:.5vh}#background-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1}.content{position:fixed;bottom:0;right:0;height:-webkit-fill-available;width:89vw;overflow:hidden}.content .pane{border:none;margin:0}.load{font-family:Source Code Pro,monospace;font-weight:400;overflow:hidden;padding:30px 0 0 30px;text-align:center}.load .wrapper{position:absolute;left:50%;top:50%;width:60vh;height:60vh;transform:translate(-50%,-50%);background-color:transparent;border:none}.load .wrapper .box-wrap{width:70%;height:70%;position:relative;margin:15%;transform:rotate(-45deg)}.load .wrapper .box-wrap .box{width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to right,#141562,#486fbc,#eab5a1,#8dd6ff,#4973c9,#d07ca7,#f4915e,#f5919e,#b46f89,#141562,#486fbc);background-position:0% 50%;background-size:1000% 1000%;visibility:hidden}.load .wrapper .box-wrap .box.one{animation:moveGradient 15s infinite,oneMove 3.5s infinite}.load .wrapper .box-wrap .box.two{animation:moveGradient 15s infinite,twoMove 3.5s .15s infinite}.load .wrapper .box-wrap .box.three{animation:moveGradient 15s infinite,threeMove 3.5s .3s infinite}.load .wrapper .box-wrap .box.four{animation:moveGradient 15s infinite,fourMove 3.5s .575s infinite}.load .wrapper .box-wrap .box.five{animation:moveGradient 15s infinite,fiveMove 3.5s .725s infinite}.load .wrapper .box-wrap .box.six{animation:moveGradient 15s infinite,sixMove 3.5s .875s infinite}@keyframes moveGradient{to{background-position:100% 50%}}@keyframes oneMove{0%{visibility:visible;clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes twoMove{0%{visibility:visible;clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes threeMove{0%{visibility:visible;clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(0% 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fourMove{0%{visibility:visible;clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fiveMove{0%{visibility:visible;clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes sixMove{0%{visibility:visible;clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(35% 0% 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(70% 35% 0% 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}.load .site{inset:0;padding:0 0 60vh;color:#fff;font-size:5vh;height:5vh;line-height:5vh;margin:auto;position:absolute;text-shadow:0 0 10px rgba(50,255,50,.5),0 0 5px rgba(100,255,100,.5);overflow:hidden}.load .word{inset:0;padding:60vh 0 0;color:#fff;font-size:5vh;height:5vh;line-height:5vh;margin:auto;position:absolute;text-shadow:0 0 10px rgba(50,255,50,.5),0 0 5px rgba(100,255,100,.5);overflow:hidden}.load .overlay{background-image:linear-gradient(transparent 0%,#0a100a80 50%);background-size:1000px 2px;content:"";inset:0;position:absolute}.navbar{position:fixed;bottom:0;left:0;height:-webkit-fill-available;width:10vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1000}.navbar p{font-size:4vh;margin:2vh}.navbar .controlls{display:flex;align-items:center;flex-direction:column-reverse;bottom:0}.navbar .controlls .option,.navbar .controlls .dropdown-container .option{width:10vw;height:10vh;background:transparent;border-radius:.5vh;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;padding:0;margin:0}.navbar .controlls .dropdown-container .dropdownBtn{height:10vw}.dropdown-container .dropdown-menu{position:absolute;bottom:0;left:10vw;list-style:none;padding:0;display:none;min-width:25vh}.dropdown-container.open .dropdown-menu{display:block;animation:slideUp .2s ease-out}.dropdown-container .dropdown-menu li button{width:100%;background:none;padding:1vh;border:.1vh;text-align:left;font-size:3vh;cursor:pointer;border-radius:1vh;display:flex;align-items:center}.dropdown-container .dropdown-menu li button:hover,.dropdown-container .dropdown-menu li button:focus{background-color:radial-gradient(#222922,#000500);outline:none}.dropdown-container .dropdown-menu .menusplit{height:1vh}.dropdown-container .dropdown-menu .menutext{padding:0;margin:1.5vh;text-align:center;font-size:3vh}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.icon{width:100%;height:100%;filter:brightness(0) invert(1)}.userContent{position:fixed;bottom:0;right:0;width:100%;height:100vh;display:flex}.selectBtn{width:80%;margin:2.5vh 10%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.selectBtn.newSess{height:45vh;margin-top:7.5vh}.selectBtn.joinSess{height:35vh;margin-bottom:7.5vh}.selectBtn.disabled{opacity:.5}.username{font-size:4vh;margin:0;padding:.5vh}.userimg{width:80%}