@font-face{font-family:Main;src:url("/src/resources/KenneyMini.ttf")}*{padding:0;margin:0;box-sizing:border-box}body{width:100%;min-height:100vh;background-color:#001a33ff;background-image:url("/src/resources/background.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:#fff;font-size:12px;font-family:Main,monospace;display:flex;align-items:center;justify-content:center;flex-direction:column}#overlay{background-color:rgba(0,0,0,.4);z-index:0;position:fixed;left:0;right:0;top:0;bottom:0}header{width:100%;display:flex;align-items:center;justify-content:center;z-index:1;margin:5% 0 10%}#logo{width:80%;object-position:center;object-fit:contain}#local{background-color:rgba(128,116,190,.5)}#play,#play>div,main{display:flex;align-items:center;justify-content:center;width:100%}#play,main{flex-direction:column}main{z-index:1}#play>div{flex-direction:row}#play button{padding:12px 0;margin:16px 12px;border:1.5px solid #228b22;border-radius:12px;width:80%;backdrop-filter:blur(18px);color:#fff;font-family:Main,monospace;font-size:18px;text-shadow:0 0 2px #90ee90;transition:opacity .25s ease-in-out,scale .25s ease-in-out,text-shadow .25s ease-in-out,border .25s ease-in-out}#play>div>button{width:40%}button:active{scale:1.25;opacity:.5;text-shadow:0 0 14px #90ee90;border:3px solid #90ee90}#register{background-color:rgba(0,153,128,.5)}#login{background-color:rgba(48,81,204,.5)}#play{backdrop-filter:blur(4px);background-color:rgba(13,24,73,.3);border:1.5px solid #00264d;border-radius:24px;width:80%}#playTitle{font-size:40px;margin:8px 0 12px;text-shadow:0 0 12px gold}section{backdrop-filter:blur(4px);background-color:rgba(13,24,73,.3);border:1.5px solid #00264d;border-radius:24px;width:80%;margin:10% 0;padding:5% 6% 3%}.sTitle{font-size:36px;margin-bottom:12px;text-shadow:0 0 12px #90ee90}.sDescription{font-size:12px;margin:0 10px 0;text-shadow:0 0 8px rgba(0,0,0,.5)}@media screen and (min-width:1024px){#logo{width:auto;height:clamp(200px,35vh,500px)}header{margin:0}section{border:2px solid #00264d;margin:5% 0;padding:2.5% 3% 1.5%}#playTitle{font-size:60px;margin:16px 0 24px;text-shadow:0 0 16px gold}#play button{font-size:24px}.sTitle{font-size:50px;margin-bottom:16px}.sDescription{font-size:22px}}