body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-0:#eaeaea;--color-1:#f60;--color-2:#eec900;--color-3:#00f;--color-4:#c0f;--color-5:#0f0;--color-6:#6cf;--color-7:red}*{box-sizing:border-box;margin:0;padding:0}.color-0{background-color:#eaeaea;background-color:var(--color-0)}.color-1{background-color:#f60;background-color:var(--color-1)}.color-2{background-color:#eec900;background-color:var(--color-2)}.color-3{background-color:#00f;background-color:var(--color-3)}.color-4{background-color:#c0f;background-color:var(--color-4)}.color-5{background-color:#0f0;background-color:var(--color-5)}.color-6{background-color:#6cf;background-color:var(--color-6)}.color-7{background-color:red;background-color:var(--color-7)}.title{font-size:100px;text-align:center}body{background-color:#ffebcd}.container{align-items:center;display:flex;height:100vh;justify-content:space-around;padding-left:10vw;padding-right:10vw;.side-area{align-items:center;display:flex;flex-direction:column;height:75vh;justify-content:space-around;z-index:2;.scoreboard{align-items:center;display:flex;flex-direction:column;font-size:2vh;gap:1.5vh;height:15vh;justify-content:center;width:12vw}.meta,.scoreboard{background-color:#eaeaea;background-color:var(--color-0);box-shadow:.5vh .5vh #000;color:#000}.meta{border:.1vh solid #eaeaea;border:.1vh solid var(--color-0);border-radius:25px;font-size:3vh;height:6vh;width:10vw}.meta:hover{background-color:#000;border:.1vh solid #000;border-radius:25px;box-shadow:.5vh .5vh #000;color:#fff}}.board-container{border:.1vh solid #000;box-shadow:.5vh .5vh #000;display:inline-grid;grid-template-columns:repeat(10,2fr);grid-template-rows:repeat(20,2fr);height:75vh;width:20vw}}.cell{border:solid}.next-block{box-shadow:.5vh .5vh #000;display:inline-grid;grid-template-columns:repeat(4,2fr);grid-template-rows:repeat(4,2fr);height:30vh;width:15vw}.start-container{align-items:center;display:flex;justify-content:center;min-height:100vh;.start-menu{align-items:center;background-color:#eaeaea;background-color:var(--color-0);box-shadow:1vh 1vh #000;display:flex;flex-direction:column;height:60vh;justify-content:space-around;width:25vw;.title{font-size:15vh}.play-button{background-color:#0f0;background-color:var(--color-5);border:1px solid #0f0;border:1px solid var(--color-5);border-radius:25px;color:#fff;font-size:6vh;height:10vh;width:20vw}.play-button:hover{background-color:#fff;color:#0f0;color:var(--color-5);cursor:pointer}}}.popup{background-color:rgb(240,248,255,.5);height:100vh;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw}.popup,.popup h1{position:absolute;top:50%}.popup h1{font-size:6vh;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.popup.hidden{display:none}.dialogue-container{gap:1vh}.dialogue-container,.join-container{background-color:#eaeaea;background-color:var(--color-0);box-shadow:1vh 1vh #000;display:flex;flex-direction:column;font-size:2vh;height:25%;padding-bottom:15%;padding-top:2%;text-align:center;width:25%}.join-container{gap:5vh}.gameroom-container{align-items:center;background-color:#eaeaea;background-color:var(--color-0);box-shadow:1vh 1vh #000;display:flex;flex-direction:column;font-size:2vh;height:25%;justify-content:space-evenly;width:25%}.inactive{position:absolute;scale:0}.start-game{background-color:#0f0;background-color:var(--color-5);border:1px solid #0f0;border:1px solid var(--color-5);border-radius:2vh;color:#fff;font-size:2vh;height:5vh;width:10vw}.start-game:hover{background-color:#fff;color:#0f0;color:var(--color-5);cursor:pointer}.id-form,.username-form{align-items:center;display:flex;flex-direction:column;height:8vh;width:100%}.id-input,.username-input{height:40%;width:50%}.id-button,.username-button{background-color:#0f0;background-color:var(--color-5);border:1px solid #0f0;border:1px solid var(--color-5);border-radius:2vh;color:#fff;font-size:2vh;height:4vh;width:6vw}.id-button:hover,.username-button:hover{background-color:#fff;color:#0f0;color:var(--color-5);cursor:pointer}.side-area-multi{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:space-between;margin-bottom:15vh;.scoreboard{align-items:center;background-color:#eaeaea;background-color:var(--color-0);box-shadow:.5vh .5vh #000;color:#000;display:flex;flex-direction:column;font-size:2vh;gap:1.5vh;height:15vh;justify-content:center;width:12vw}}.buttons-container-multi{align-items:center;display:flex;flex-direction:column;height:15vh;justify-content:space-between;position:absolute;top:72.5vh;.meta{background-color:#eaeaea;background-color:var(--color-0);border:.1vh solid #eaeaea;border:.1vh solid var(--color-0);border-radius:25px;color:#000;font-size:3vh;height:6vh;width:10vw}.meta,.meta:hover{box-shadow:.5vh .5vh #000}.meta:hover{background-color:#000;border:.1vh solid #000;border-radius:25px;color:#fff}}.wait-screen{background-color:#f0f8ff;height:100vh;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:1}.wait-screen h2{font-size:3vh;left:0;right:0;text-align:center;top:100%;-webkit-transform:translateY(1000%);transform:translateY(1000%)}.wait-screen.hidden{display:none;z-index:0}
/*# sourceMappingURL=main.21fdf932.css.map*/