body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url(../../storage/assets/images/backgrounds/background_welcome.avif);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;min-height:100vh;margin:0;font-weight:800}main{flex-grow:1;margin-top:100px}h1{color:#8e0864}.gameModes{display:flex;flex-direction:column;align-items:center;max-width:500px}.button-1{margin-top:1rem;border:none;height:auto;font-size:2em;font-weight:800;color:#fff;padding:15px 15px 7px;background:#24262a;min-width:390px;border-bottom:solid 4px #ff3d2c}.discord-button-1{margin-top:1rem;border:none;height:auto;font-size:2em;font-weight:800;color:#fff;padding:15px;background:#24262a;min-width:390px}.button-animation{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-property:color;transition-duration:.3s}.button-animation:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:red;background:linear-gradient(180deg,#5c5c5c00 40%,#ff3d2ccf);transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;border-bottom:solid 7px #ff3d2c;color:#000}.button-animation:hover,.button-animation:focus,.button-animation:active{color:#fff}.button-animation:hover:before,.button-animation:focus:before,.button-animation:active:before{transform:scaleY(1)}.button-2{margin-top:50%;border:none;height:70px;font-size:2em;font-weight:800;color:#000;padding:15px;background:#ff3d2c}.button-animation-2{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-property:color;transition-duration:.3s}.button-animation-2:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:red;background:linear-gradient(180deg,#5c5c5c00 40%,#ff3d2ccf);transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;color:#000}.button-animation-2:hover,.button-animation-2:focus,.button-animation-2:active{color:#000}.button-animation-2:hover:before,.button-animation-2:focus:before,.button-animation-2:active:before{transform:scaleY(1)}.logo{height:120px;width:-moz-fit-content;width:fit-content;display:flex}.logo-container{position:fixed;top:0;left:0;width:45%;display:flex;flex-direction:row;align-items:center;font-size:xxx-large;color:#000;text-shadow:.8px .8px 0 #ffffff,-.5px .5px 0 #ffffff,-.5px -.5px 0 #ffffff,.5px -.5px 0 #ffffff;z-index:3}.top_text{font-size:2rem;text-decoration:none}.top{margin-top:.5rem;text-decoration:none}.topButtonText{font-size:1rem;text-decoration:none}.lowButtonText{font-size:.8rem;text-decoration:none}.discordImg{width:60px;height:45px}nav{position:fixed;top:0;width:100%;background:#24262ae6;color:#fff;display:flex;align-items:center;justify-content:flex-end}.nav-button{margin-top:0;border:none;height:auto;font-size:1.5em;font-weight:800;color:#fff;padding:15px;background:#24262a00;min-width:auto}footer{width:100%;background-color:#28272733;color:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:100%}#output{margin-top:20px}@media only screen and (min-width: 320px){.logo{height:50px;width:50px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 375px){.logo{height:55px;width:55px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:x-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 425px){.logo{height:60px;width:60px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:x-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 576px){.logo{height:70px;width:70px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:x-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 768px){.logo{height:80px;width:80px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:xx-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 992px){.logo{height:90px;width:90px;display:flex}.logo-container{width:48%;display:flex;flex-direction:row;align-items:center;font-size:xx-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}@media only screen and (min-width: 1200px){.logo{height:120px;width:120px;display:flex}.logo-container{width:20%;display:flex;flex-direction:row;align-items:center;font-size:xxx-large;color:#fff;text-shadow:.8px .8px 0 #000000,-.5px .5px 0 #000000,-.5px -.5px 0 #000000,.5px -.5px 0 #000000}}