@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@600;800&display=swap);*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}button,h1,h2,h3,input,p{font-family:Manrope,sans-serif;font-size:16px}#root,.App,body,html{height:100%;width:100%}.App{background-image:url(/static/media/background.07aa2e320fef13b9d18d.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;overflow:hidden;position:relative}.App:before{background-color:#ff7e1f;content:"";display:block;height:1rem}#popupOverlay{background-color:rgba(23,32,36,.83);display:none;min-height:100vh;min-width:100vw;position:fixed;z-index:99}#popupOverlay:hover{cursor:pointer}.popupText{align-items:center;background-color:#fff;border-radius:1em;display:flex;flex-wrap:wrap;gap:2em;justify-content:center;left:32%;min-height:200px;min-width:25%;min-width:700px;padding:2vw 2vh;position:fixed;top:35%}.popupText:hover{cursor:default}.popupText input{font-size:1.5em}#popupButton{background-color:#ff7e1f;font-size:1em;padding:1em}.Lobby{height:100%}.Lobby,.Lobby main{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.Lobby main{justify-content:space-around;margin-top:-10rem;width:100%}.Lobby main .logo{margin-bottom:2rem}.Lobby main h1{margin-bottom:1rem}.Lobby main .actions .btn+.btn{margin-left:2rem}.Waves{bottom:15rem;position:fixed;width:100%}.Waves .wave-1,.Waves .wave-2{position:absolute;width:100%}.Waves .wave-1{animation:float 3s cubic-bezier(.4,0,.2,1) infinite alternate-reverse}.Waves .wave-2{-webkit-animation:float 3s cubic-bezier(.4,0,.2,1) infinite alternate;animation:float 3s cubic-bezier(.4,0,.2,1) infinite alternate}@-webkit-keyframes float{0%{-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes float{0%{-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}to{-webkit-transform:translate(0);transform:translate(0)}}.btn{border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:2rem;font-weight:800;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.btn-primary{background-color:#ff7e1f}.btn.btn-secondary{background-color:#4be9ff}.btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.yeet{-webkit-animation:yeet 3s ease-in infinite forwards;animation:yeet 3s ease-in infinite forwards;-webkit-animation-delay:5s;animation-delay:5s;bottom:15rem;left:0;position:absolute;z-index:0}@-webkit-keyframes yeet{0%{-webkit-transform:translate(-10rem);transform:translate(-10rem)}to{-webkit-transform:translate(190rem,-50rem);transform:translate(190rem,-50rem)}}@keyframes yeet{0%{-webkit-transform:translate(-10rem);transform:translate(-10rem)}to{-webkit-transform:translate(190rem,-50rem);transform:translate(190rem,-50rem)}}.Pond{display:grid;grid-template-rows:6em 1fr}.Pond header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1.25rem 3rem;width:100%}.Pond header .logo{width:15rem}.Pond header .coordinates{color:#ff7e1f}.Pond main{display:flex;padding:1rem 8rem}.Pond main #editor{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;font-size:18px!important;height:100%;width:45vw}.Pond main .select{background-color:#4be9ff;border-radius:.5rem;cursor:pointer;height:-webkit-max-content;height:max-content;margin-bottom:1rem;padding:.75rem 1rem;width:10rem}.Pond main .select select{background:none;border:none;color:#303030;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:600;width:100%}.Pond main .select select:active,.Pond main .select select:focus{outline:none;text-decoration:none}.chatBox{align-items:center;background-color:#edf9ff;border-radius:1rem;height:60vh;justify-content:center;margin-left:10vw;padding:1rem;transition:.3s;width:25vw}.chatBox,.chatBox .textMessages{display:flex;flex-direction:column}.chatBox .textMessages{font-family:Manrope,sans-serif;height:80%;margin-bottom:2vh;overflow-y:auto;width:90%}.input{align-items:center;display:flex;justify-content:center;width:90%}.input,.input input{background-color:#86b6ce;border-radius:25rem}.input input{border:none;color:#fff;padding:.5rem 1rem;width:100%}.chatBox button{margin-top:1rem;padding-bottom:1vw;padding-top:1vw}.chatBox p{border-radius:2em;font-size:1.5em;margin:.25em;width:80%}
/*# sourceMappingURL=main.164e2a6d.css.map*/