@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";:root{--panel-colour: #252525;--pink-colour: rgb(68, 1, 34);--dark-blue-colour: rgb(0, 22, 24);--text-colour: #eaeaea}body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;color:var(--text-colour);background:rgb(20,20,20);background:linear-gradient(20deg,var(--pink-colour) 0%,var(--dark-blue-colour) 100%);-webkit-user-select:none;user-select:none;pointer-events:none}.exo-2-superbold{font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.exo-2-regular{font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.wrapper{position:fixed;height:100vh;width:100vw;overflow:hidden}.flex{display:flex;flex-flow:column;align-items:center;justify-content:center}.hundred-percent-width{width:100%}.hundred-percent-height{height:100%}.centered-panel{background-color:var(--panel-colour);padding:2em 5em 4em;border-radius:5em;box-shadow:0 0 2em #000;margin-left:4em;margin-right:4em;max-width:35em;z-index:10}.smaller-padding{padding:0 1.6em 1em;border-radius:2em}.absolute-position{position:absolute}.full-sized{height:200vh;width:200vw}.background-element{z-index:-10;color:#0000003b}.h-spacer{height:3em}.v-spacer{padding-left:1em}.text-shadow{text-shadow:0 0 1rem black,0 0 .2rem black}.text-big{font-size:3em}.user-input{pointer-events:all}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.home-button{background:none;border:0;color:var(--text-colour);transition:.2s}.home-button:hover{filter:brightness(1.4) drop-shadow(0 0 .3rem var(--text-colour))}.tooltip .tooltiptext{visibility:hidden;width:7em;background-color:#000;color:#fff;text-align:center;border-radius:1em;padding:.5em 0;position:absolute;z-index:1;bottom:110%;left:-6em;opacity:0;transition:opacity 1s}.tooltiptext-bottom{bottom:0;top:110%;left:-7.5em!important;padding:.8em!important;height:2.7em}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media screen and (orientation: portrait){.centered-panel{padding:1em 2em 2em;border-radius:2em;transform:translateY(5em)}.full-sized{height:130vh;width:130vw;transform:translateY(-12em)}}.logo-text{position:absolute;line-height:.8em;text-align:center;font-size:17vw}.text-shadow{text-shadow:black 0px 0px 15vw,black 0px 0px 10vw,black 0px 0px 5vw,black 0px 0px 5vw}.logo-image{filter:brightness(0) drop-shadow(0px 0px 15vw black);position:absolute;z-index:-10;transition:.7s cubic-bezier(.075,.82,.165,1)}.logo-image:hover{filter:brightness(1) drop-shadow(0px 0px 15vw black) drop-shadow(0px 0px 15vw black) drop-shadow(0px 0px 15vw black);z-index:10}.link-legal{filter:opacity(.2);color:var(--text-colour);position:absolute;bottom:1vh;right:1vh;z-index:50;border:0;background:none;transition:.2s}.link-legal:hover{filter:opacity(1);transform:scale(1.4);bottom:1.2vh;right:1.2vh;color:#00777b}.top-right-container{position:absolute;pointer-events:none;width:100vw;height:100vh;right:-25vw;top:-5vh;opacity:.14}@media screen and (orientation: landscape){.logo-image{width:50%;left:-1vw;bottom:-20vh;transition:.7s cubic-bezier(.075,.82,.165,1)}.logo-image:hover{width:54%;bottom:-18vh}}@media screen and (orientation: portrait){.logo-text{line-height:00.9;bottom:52vh}.logo-image{width:105%;left:-1vw;bottom:-1vh;transition:.7s cubic-bezier(.075,.82,.165,1)}.logo-image:hover{width:112%;left:-2vw;bottom:1}.top-right-container{width:150vw}.link-legal{bottom:6vh}}.floating-box{color:#141414;background-color:#eaeaea;width:90%;max-height:50vh;overflow-y:scroll;padding:1em 1em 4em;border-radius:1em;-webkit-user-select:text;user-select:text}.heading-legal{font-size:5vw;line-height:0;transform:translateY(-4vh)}.logout-button{position:absolute;right:1vh;top:1vh;background:none;border:0;color:var(--text-colour);transition:.2s}.logout-button:hover{filter:drop-shadow(0 0 1em red);transform:scale(1.2)}.confirmation-button{font-size:.7em;color:var(--text-colour);background:rgb(20,20,20);background:linear-gradient(20deg,var(--pink-colour) 0%,var(--dark-blue-colour) 100%);padding:.4em;border-width:.1em;border-radius:1em;margin-top:1.4em;width:60%;transition:.1s}.confirmation-button:hover{filter:brightness(1.5)}.confirmation-button:active{filter:brightness(.4)}.login-page-headline{font-size:1.6em;margin:.5em 0 .6em;filter:drop-shadow(0 0 .05em black)}.inputs-box{display:flex;flex-flow:column;background-color:#ffffff18;border-radius:1em;justify-content:center;align-items:center;padding:.2em}.one-line{display:flex;justify-content:center;align-items:center;width:100%;height:1.5em}.login-username{font-weight:600;color:var(--text-colour);font-size:.8em;width:4.2em;text-align:center;margin-left:.4em;filter:drop-shadow(0 0 .2em black);margin-right:.4em;-webkit-transition:.4s;transition:.4s}.login-username.highlight{font-weight:900;transform:scale(1.12);filter:drop-shadow(0 0 .03em white) drop-shadow(0 0 .03em white) drop-shadow(0 0 .05em black) drop-shadow(0 0 .04em white)}.login-username.left.highlight{color:var(--dark-blue-colour)}.login-username.right.highlight{color:var(--pink-colour)}.login-password{font-size:.4em;margin-top:.5em;margin-bottom:.75em;padding-left:.5em;border-radius:3em;border:none;box-sizing:border-box;width:90%;height:2em;outline:0}.wrong-password{font-size:1em;margin:.2em 0 0;text-align:center;padding-bottom:.2em;padding-left:.4em;padding-right:.4em;border:1px solid red;background-color:#ff00001e;border-radius:1em}.switch{position:relative;display:inline-block;width:1.6em;height:.8em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transform:rotate(-2deg);background-color:var(--dark-blue-colour);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:.6em;width:.6em;left:.1em;bottom:.1em;background-color:var(--text-colour);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--pink-colour);transform:rotate(2deg)}input:focus+.slider{box-shadow:0 0 .2em #fff}input:checked+.slider:before{-webkit-transform:translateX(.8em);-ms-transform:translateX(.8em);transform:translate(.8em)}.slider.round{border-radius:1em}.slider.round:before{border-radius:1em}