@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Seymour+One&display=swap);body{align-items:center;background-image:linear-gradient(180deg,#0084ff,#00c8ff);display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;min-width:98vw}*{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:470px){.box{height:7.3em!important;width:6.8em!important}}#result{color:#000;font-family:Roboto,sans-serif;font-size:58px;text-align:center}.cantainer{background-color:#e3e8eb;border-radius:22px;margin-top:50px;min-height:70px;min-width:70px;padding:11px}.rows{word-spacing:-10px}.box{background:#71d4bd3d;border:none;border-radius:20px;height:10em;line-height:4;margin:3px;transition:all .3s;width:10em}.box:hover{background:#63b1bb3d}.box span{font-family:Seymour One,sans-serif;font-size:70px;font-weight:bolder;line-height:0}.cross{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#0ff,#1017e7);background-clip:text;-webkit-background-clip:text;text-shadow:0 20px 20px #28b1d0c2}.circle{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#ffe000,#f60);background-clip:text;-webkit-background-clip:text;text-shadow:0 20px 20px #ffbb47a1}.restart{background:#208eff;border:none;border-radius:30px;box-shadow:0 0 10px 1px #000;cursor:pointer;margin:16px 25px;padding:6px 31px}.line{background-color:#00c8ff;border-radius:15px;display:none;height:351px;margin:30px 0 0 205px;position:absolute;width:6px}.join-options-container{background-color:#0000008f;border:none;height:100vh;overflow:hidden;position:fixed;top:0;width:100vw}.join-options,.join-options-container{align-items:center;display:flex;justify-content:center}.join-options{background:#fff;border-radius:10px;flex-direction:column;padding:18px 10px;width:250px}.id-container{margin:8px 0 17px}.button-container{align-items:center;display:flex;justify-content:space-around;width:80%}.button-container button{background:#0094ff;border:1.5px solid transparent;border-radius:7px;cursor:pointer;padding:6px 15px;transition:all .5s}.button-container button:hover{background:#0095ff9c;border:1.5px solid #000}
/*# sourceMappingURL=main.2bc91c95.css.map*/