@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,400;1,500&display=swap);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}.MMwrapper{background-color:#fff;flex-direction:column;height:100vh;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;width:100vw}.MMwrapper,.loading{align-items:center;display:flex;justify-content:center}.loading{background-color:#141414;border-radius:25px;color:#fff;font-family:Poppins;font-size:25px;height:125px;position:absolute;text-align:center;width:375px;z-index:9}.loading:hover{align-content:center;align-items:center;background-color:#393939;content:"Cancel";cursor:pointer;position:relative}.loading:hover:before{align-items:center;background-color:#722316;border-radius:25px;content:"Cancel X";display:flex;height:100%;inset:.5px;justify-content:center;opacity:1;outline:2px solid #000;position:absolute;transition:all forwards 1s ease-in-out;width:100%}.loading_font{color:#fff;font-size:25px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);z-index:99}.wrapper{overflow-x:hidden}@-webkit-keyframes background-animation{0%{background-position:0}to{background-position:-200%}}@keyframes background-animation{0%{background-position:0}to{background-position:-200%}}.grid{background-size:200%;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);height:100%;position:absolute;width:100%;z-index:6}@media screen and (max-width:480px){.grid{background-size:200%;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);height:125%;margin-top:20%;position:absolute;width:100%;z-index:6}}@-webkit-keyframes logofadeIn{0%{opacity:0}to{opacity:.3}}@keyframes logofadeIn{0%{opacity:0}to{opacity:.3}}.logo{-webkit-animation:logofadeIn 1s ease .2s forwards;animation:logofadeIn 1s ease .2s forwards;height:100%;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:1}@-webkit-keyframes pulse{0%{border-radius:10px;box-shadow:0 0 0 2px #fff;color:#fff}50%{border-radius:10px;box-shadow:0 0 0 2px #ffabab;color:#ffabab}to{border-radius:10px;box-shadow:0 0 0 2px #fff;color:#fff}}@keyframes pulse{0%{border-radius:10px;box-shadow:0 0 0 2px #fff;color:#fff}50%{border-radius:10px;box-shadow:0 0 0 2px #ffabab;color:#ffabab}to{border-radius:10px;box-shadow:0 0 0 2px #fff;color:#fff}}.tile{color:#fff;position:relative}.tile:before{border-radius:10px;content:"";transition:all 1s ease-in-out}.tile:before,.tile:hover:before{background-color:#141414;inset:.5px;justify-content:center;position:absolute}.tile:hover:before{align-items:center;border:2px solid #000;color:#ffabab;content:"Start";display:flex;font-family:Poppins;text-align:center}.tile:hover{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite;border-radius:10px;box-shadow:0 0 0 2px #ffabab;cursor:pointer;z-index:1}.createGame,.createGame#matchmake{font-size:calc(.2vw + 25px);height:10%;width:calc(13.5vw + 200px)}.createGame,.createGame#matchmake,.createGame:hover{background-color:#141414;border:none;border-radius:25px;color:#ffabab;font-family:Poppins;position:relative;z-index:2}.createGame:hover{box-shadow:0 0 0 2px #ffabab}.gameForm{border:none;border-radius:25px;color:#ffabab;font-family:Poppins;gap:5%;height:125px;height:50%;position:relative;width:375px;width:50%;z-index:2}.gameForm,.gameForm label{align-items:center;display:flex;flex-direction:column;justify-content:center}.gameForm label{font-size:25px;width:calc(15vw + 175px)}.gameForm label input{height:100%;width:100%}.nameInput{border:0;border-radius:5px;box-shadow:none;font-family:Poppins;font-size:25px;outline:none;text-align:center}.nameInput.notFound{-webkit-animation:shake .5s ease-in-out forwards;animation:shake .5s ease-in-out forwards}.nameInput.notFound,.nameInput.notFoundv2{border:0;border-radius:5px;box-shadow:none;font-family:Poppins;font-size:25px;outline:2px solid red;text-align:center}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.gameForm::-webkit-input-placeholder{font-family:Poppins;font-size:25px;font-weight:500;opacity:.2;text-align:center}.gameForm::placeholder{font-family:Poppins;font-size:25px;font-weight:500;opacity:.2;text-align:center}.gameForm button{font-size:25px}.mode{align-items:center;-webkit-animation:uifadeIn 1s ease .2s forwards;animation:uifadeIn 1s ease .2s forwards;border:none;border-radius:25px;color:#ffabab;display:flex;flex-direction:column;font-family:Poppins;gap:5%;height:125px;height:50%;justify-content:center;opacity:0;position:relative;width:375px;width:50%;z-index:2}@-webkit-keyframes uifadeIn{0%{opacity:0}to{opacity:1}}@keyframes uifadeIn{0%{opacity:0}to{opacity:1}}.notify{color:red;font-size:12px;height:0;justify-self:left;left:0;position:relative;width:100%}.queue{z-index:0}.wrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:100vh;justify-content:center;margin:0;overflow-y:hidden;padding:0;width:100vw}.currentPlayer,.gameID{-webkit-animation:fadeIn 1s ease-in 1.5s forwards;animation:fadeIn 1s ease-in 1.5s forwards;background-color:#f1f1f1;border-radius:10px;display:inline-block;font-size:18px;font-weight:700;margin-bottom:5px;margin-top:0;opacity:0;outline:2px solid #000;padding:10px;position:relative;width:auto;z-index:1}.role.Black{background-color:#000;color:#fff}.role,.role.Black{-webkit-animation:fadeIn 1s ease-in 1.5s forwards;animation:fadeIn 1s ease-in 1.5s forwards;border-radius:10px;display:inline-block;font-size:18px;font-weight:700;margin-top:10px;opacity:0;padding:10px;position:relative;width:100%;z-index:1}.role{background-color:#f1f1f1;outline:2px solid #000;text-align:center}.tile#gamepage{color:#fff;position:relative}.tile#gamepage:before{border-radius:10px;transition:all 1s ease-in-out}.tile#gamepage:before,.tile#gamepage:hover:before{background-color:#141414;content:"";inset:.5px;justify-content:center;position:absolute}.tile#gamepage:hover:before{align-items:center;border:none;display:flex;font-family:Poppins;text-align:center}.tile#gamepage:hover{-webkit-animation:none;animation:none;border-radius:10px;box-shadow:none;cursor:auto;z-index:1}.container{aspect-ratio:1/1;height:auto;min-width:600px;position:relative;width:43%}.gameInfo{display:flex;justify-content:space-between;width:100%}@media screen and (max-width:480px){.container{min-width:0;width:100%}}.row{display:flex;flex-direction:column-reverse;height:100%;width:100%}.board_tiles:hover{background-color:green;cursor:pointer}.board{-webkit-animation:fadeIn 1s ease-in .5s forwards;animation:fadeIn 1s ease-in .5s forwards;background-color:#fff;border-radius:10px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);margin:auto;opacity:0;outline:2px solid #000;overflow:hidden;position:relative;rotate:-270deg;z-index:1}.board,.tile_empty{display:flex;height:100%;width:100%}.tile_empty{align-items:center;background-color:#5fda5f;color:#141414;content:"";outline:3px solid #000}.tile_empty:hover{cursor:pointer}.tile_empty.black:hover:before{background-color:#000;transition:all 1s ease-in-out}.tile_empty.black:hover:before,.tile_empty.white:hover:before{border-radius:50%;content:"";display:block;height:80%;inset:.5px;justify-content:center;margin:auto;opacity:.5;outline:2px solid #000;width:80%}.tile_empty.white:hover:before{background-color:#fff;transition:all forwards 1s ease-in-out}.tile_empty.suggest:before{border-radius:50%;content:"";display:block;height:80%;inset:.5px;justify-content:center;margin:auto;opacity:.3;outline:3px solid #000;transition:all forwards 1s ease-in-out;width:80%}.tile_white{align-items:center;background-color:#5fda5f;color:#141414;display:flex;height:100%;outline:3px solid #000;width:100%}.tile_white:before{-webkit-animation:fadeIn 1s ease-in forwards;animation:fadeIn 1s ease-in forwards;background-color:#fff;border-radius:50%;content:"";display:block;height:80%;inset:.5px;justify-content:center;margin:auto;opacity:0;outline:2px solid #000;transition:all 1s ease-in-out;width:80%}.tile_black{align-items:center;background-color:#5fda5f;color:#141414;display:flex;height:100%;outline:3px solid #000;width:100%}.tile_black:before{-webkit-animation:fadeIn 1s ease-in forwards;animation:fadeIn 1s ease-in forwards;background-color:#141414;border-radius:50%;content:"";display:block;height:80%;inset:.5px;justify-content:center;margin:auto;opacity:0;outline:2px solid #000;transition:all 1s ease-in-out;width:80%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,:after,:before{box-sizing:border-box}img,picture,svg,video{display:block;max-width:100%}*,button,input,select,textarea{font:inherit}*{margin:0;padding:0}body{min-height:100vh}.wallpaper{-webkit-animation:background-animation 5s linear infinite;animation:background-animation 5s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s;background:linear-gradient(90deg,#1e00ff,#f0c,#1e00ff);background-size:200vw;height:100vh;overflow:hidden;position:absolute;width:100vw;z-index:0}@media screen and (max-width:480px){.wallpaper{height:110vh;overflow:hidden}}
/*# sourceMappingURL=main.4513d2f6.css.map*/