@import url(https://fonts.googleapis.com/css?family=Quicksand:300,500);@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto:300,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:900|Work+Sans:300);@import url(https://fonts.googleapis.com/css?family=Lato:300,700|Prata);@import url(https://fonts.googleapis.com/css?family=Chivo:300,700|Playfair+Display:700i);@import url(https://fonts.googleapis.com/css?family=Rajdhani:600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:"Work Sans",sans-serif;font-weight:300;font-size:medium}.text-title{font-family:"Rajdhani",sans-serif;text-transform:uppercase;font-size:x-large;font-weight:600;letter-spacing:.1em}.text-subtitle{font-size:large;font-weight:500}.text-bold{font-size:x-large;font-weight:900}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.main-background{background:linear-gradient(90deg,#93d6f2 0,#ebb1e4 64%,rgba(255,162,175,.9))}.App-header{background-size:100% 100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}#root,.App,body,html{height:100%}html{scroll-behavior:smooth}ul{list-style-type:none;margin:0;padding:0}::-webkit-scrollbar{width:0;background:transparent}.topColumn{width:46%;display:inline-block}.subColumn,.topColumn{border-radius:8px;border:2px solid #18786c;padding:5px}.subColumn{border-top:none}.margin_top_card{margin-top:10px}.room_title{color:#fff;font-weight:200}.online_info{font-weight:200;color:200;margin-bottom:20px}.room-card{width:100%;min-height:5em;align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:20px;margin-bottom:1em;padding-left:.5em;padding-right:.5em}.room-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);background:hsla(0,0%,78.4%,.3);border-top:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8)}.room-icon{width:50px;height:50px;border-radius:16px;margin-right:20px;margin-left:20px}.room-icon>img{width:100%;height:100%}.public-room-icon{background:linear-gradient(180deg,#ff8ca8,#ffceda)}.private-room-icon{background:linear-gradient(180deg,#ffe68f,#fff2c5)}.room-title{text-align:left}.room-id,.room-players{text-align:left;color:#969696}.room-players{font-size:small;display:flex;align-items:center}.room-list{overflow-y:auto}.margin_top{margin-top:30px}.scroll_bar_margin{margin-top:40px}.create-btn{background:hsla(0,0%,100%,.7);width:50%;min-height:3em;font-size:large;margin:1em;display:flex;align-items:center;justify-content:center;border-radius:20px;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8)}.create-btn-icon{width:2.5em;height:2.5em;padding:.5em;border-radius:10px}.create-btn-icon>img{width:100%;height:100%}.create-btn:hover{transform:scale(1.1);background:hsla(0,0%,78.4%,.3)}.stats{width:100%;height:100%;overflow-y:hidden}.stats:active,.stats:focus,.stats:hover{overflow-y:auto}.stats-summary{width:100%;height:400px;margin-top:1em;margin-bottom:1em;justify-content:space-evenly}.stats-first{align-items:center}.stats-left{width:40%;height:250px;border:.5px solid hsla(0,0%,100%,.3);background:radial-gradient(circle at 50% 0,#d33c71,rgba(255,0,0,0) 70.71%),radial-gradient(circle at 6.7% 75%,#487ffe,rgba(0,0,255,0) 70.71%),radial-gradient(circle at 93.3% 75%,#d08df6,rgba(0,255,0,0) 70.71%);border-radius:20px;position:relative}.stats-highest-score{position:absolute;top:250px;width:100%;height:130px;background:hsla(0,0%,100%,.9);border-radius:20px;margin-top:10px}.stats-right{width:50%;height:100%;align-items:center;justify-content:space-around}.stats-rounds{width:150px;height:70px;background:hsla(0,0%,100%,.5);border-radius:20px}.stats-rank{width:100%;height:12em;border-radius:20px;margin-top:1em;position:relative;z-index:1;background:hsla(0,0%,100%,.4);justify-content:center;align-items:flex-end}.stats-rank-title-desc{align-items:flex-start;justify-content:center}.stats-first-desc{position:absolute;bottom:0;height:5em;width:100%;background:hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid hsla(0,0%,100%,.5);z-index:1;border-radius:20px;color:#fff}.stats-first-desc-title{justify-self:flex-start;color:#fff}.stats-rank-desc{position:absolute;top:0;height:6em;width:100%;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;z-index:0}.stats-rank-title{width:100%}.stats-rank-bar{width:90%}.records{background:hsla(0,0%,100%,.2);width:100%;height:50%;border-radius:20px}.record-title{border-radius:12px;padding-top:.5em;width:100%;min-height:2em}.record-col-title{align-self:flex-start;color:#969696}.record-list{width:100%;height:100%;overflow-y:hidden}.record-list:active,.record-list:focus,.record-list:hover{overflow-y:auto}.record-card{width:100%;min-height:5em;align-items:center;background:hsla(0,0%,100%,.7);margin-bottom:1px;justify-content:space-evenly}.progress-bar{margin-top:.5em;width:60%;height:60%}.CircularProgressbar-text{transform:translateX(-22%) translateY(8%)}.chart-card{width:150px;height:150px;background:hsla(0,0%,100%,.3);align-items:center}.chart-top{width:150px;height:100px;background:hsla(0,0%,100%,.9)}.chart-bar-section{width:60%;margin-top:15px}.chart-bar{width:100%}.chart-border{border-radius:20px}.chart-card-title,.chart-title{color:#969696}.lobby{width:100vw;height:100vh;padding:0 40px;overflow-y:visible;--lobby-height:90%;color:#000}.left,.lobby{align-items:center;justify-content:center}.left{flex:4.5 1;height:100%}.left-top{flex:1.5 1;border-radius:32px 0 0 32px;background:hsla(0,0%,100%,.9);align-items:center}.left-btm,.left-top{height:var(--lobby-height);padding:20px}.left-btm{flex:3 1;background:hsla(0,0%,100%,.6)}.right{flex:2 1;height:var(--lobby-height);border-radius:0 32px 32px 0;background:hsla(0,0%,100%,.3);border-top:1px solid #fff;padding:20px}.logo-bg>img{width:100%}.account-bg{width:100%;height:3em;font-size:large;color:#000;justify-content:center}.account-bg,.account-name{border-radius:20px;display:flex;align-items:center}.account-name{padding:0 2em;height:100%;background:#c1eefe;margin-right:20px}.logout-btn{padding:0 1em;height:2em;background:hsla(0,0%,100%,.7);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8);display:flex;align-items:center}.logout-btn:hover{transform:scale(1.1);background:hsla(0,0%,78.4%,.3)}.room-banner{width:100%;align-items:center;justify-content:space-between;margin-top:30px}.room-type{flex:3 1}.nav-room{width:100%;margin-top:2em}.nav-btn{background:hsla(0,0%,100%,.7);width:100%;min-height:3em;font-size:large;border-radius:20px;margin-bottom:1em;box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8);display:flex;align-items:center;transition:.2s}.nav-btn:hover{transform:scale(1.1);background:hsla(0,0%,78.4%,.3)}.nav-icon{width:2.5em;height:2.5em;padding:.5em;border-radius:10px;margin:0 .5em 0 1.5em}.nav-icon>img{height:100%}.chart-rank-bar span{transform:translateX(50%)}.stats-banner{margin-top:30px}@media (max-width:1200px){.left{flex-direction:column;flex:2 1;height:var(--lobby-height)}.left-top{border-radius:32px 0 0 0}.left-btm,.left-top{background:hsla(0,0%,100%,.6)}.left-btm{border-radius:0 0 0 32px;width:100%}.nav-room{display:flex;justify-content:space-between;margin-top:20px}.nav-room .nav-btn{margin:0}.nav-room .nav-btn:first-child{width:27%}.nav-room .nav-btn:nth-child(2){width:30%}.nav-room .nav-btn:nth-child(3){width:33%}.nav-icon{margin:0;width:40px;height:40px}.nav-btn>.nav-text span{display:none}.room-banner{margin:0}.room-list{max-height:180px}.logo-bg{width:50%}}@media (max-width:750px){.nav-icon{width:30px;height:30px}.lobby{flex-direction:column;overflow-y:auto;align-items:center;justify-content:flex-start;margin-top:2em;height:auto}.left>div{background:transparent}.left>div,.lobby>div{width:100%;flex:1 1;border:none}.left{flex-direction:column;background:hsla(0,0%,100%,.3)}.left-top{border-radius:32px 32px 0 0}.left-btm{padding-top:20px}.right{border-radius:0;height:auto}.record-list,.room-list{max-height:400px}}.canvas-container{width:100%;height:100%;position:relative}.canvas-header{position:absolute;top:0;width:100%;border-radius:15px 15px 0 0}.canvas-timer{background:rgba(87,115,122,.9);height:2em;width:2em;border-radius:50%;position:absolute;top:1.5em;right:.5em;font-size:x-large;font-weight:700;color:#fff;z-index:99}.tools-overlay{top:45px;bottom:0;right:0}.tools-container,.tools-overlay{position:absolute;left:0;opacity:1}.tools-container{margin:.3em;z-index:98}.bottom{bottom:0}.bottom-offset{bottom:6em}.tool{margin:.25em;flex-direction:column;cursor:pointer;z-index:99}.tool-btn{background:#fff;border:1px solid #85bdbf;border-radius:50%}.color-btn,.tool-btn{height:2.5em;width:2.5em}.color-btn{border-radius:50%}.btn-active{background:#c9fbff}.size-options{width:10em}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center-all{display:flex;align-items:center;justify-content:center}.mask{background:rgba(0,0,0,.562)}.medal{justify-content:space-between;align-items:center;margin:.5em}.rank-icon{background:hsla(0,0%,100%,.3);border-radius:1em}.rank-icon,.rank-icon-none{width:3.5em;height:3.5em;display:flex;align-items:center;justify-content:center}.rank-icon-none-sm{width:25px;height:25px}.rank-icon-sm{width:2.5em;height:2.5em}.rank-icon-sm,.rank-icon-xs{background:hsla(0,0%,100%,.3);border-radius:.8em;display:flex;align-items:center;justify-content:center}.rank-icon-xs{width:1.5em;height:1.5em}.rank-icon-xs>img,.rank-icon>img{height:100%}.green-icon{background:rgba(130,207,145,.7)}.leader-board-container{padding:2em;min-height:70%;overflow-y:auto}.leader-board-name{align-self:center;padding-left:1em}.player{justify-content:space-between;align-items:center;margin:.1em .5em}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1);opacity:1}}.gold-medal{opacity:0;animation:fadeInUp .5s ease-in-out 2.5s forwards}.silver-medal{opacity:0;animation:fadeInUp .5s ease-out 1.5s forwards}.bronze-medal{opacity:0;animation:fadeInUp .5s ease-in .5s forwards}.gold-medal-final{opacity:0;order:2;justify-content:flex-start;animation:jello-horizontal .5s ease-in 2.5s forwards}.silver-medal-final{opacity:0;order:1;justify-content:flex-end;animation:jello-horizontal .5s ease-in 1.5s forwards}.bronze-medal-final{opacity:0;order:3;justify-content:flex-end;animation:jello-horizontal .5s ease-in .5s forwards}.top-three-final>div{width:33%}.top-three-final{align-items:center;margin-bottom:10px}.medal-final{height:150px;align-items:center}.rank-icon-final{padding:5px}@media (max-width:600px){.rank-icon{width:50px;height:50px}}.mask-wrap{width:100%;height:100%}.restart-icon{width:100%}.restart-btn{background:hsla(0,0%,100%,.7);border-radius:12px;font-size:large;margin:5px;padding:5px;transition:.2s}.restart-icon-wrapper{margin-right:5px}.restart-btn:hover{transform:scale(1.1);background:#fff}.messages{overflow-y:auto;padding-left:.5em;padding-right:.5em;display:inline-block;position:relative;bottom:0}.chat-window,.messages{width:100%;height:100%}.chat-box{width:100%;height:80%;display:inline-block}.message{display:flex;align-items:flex-start;flex-direction:column}.message .text{background:hsla(0,0%,100%,.5);padding:0 1.5em;border-radius:0 20px 20px 20px;max-width:100%;word-wrap:break-word;text-align:left}.message .user{font-size:x-small}.info-in{background:linear-gradient(90deg,#589ed6 0,hsla(0,0%,98.8%,.9))}.info-in,.info-out{padding:0 1.5em;border-radius:20px;width:100%;word-wrap:break-word}.info-out{background:linear-gradient(90deg,#e99494 0,hsla(0,0%,98.8%,.9))}.answer{background:linear-gradient(90deg,#61dfaa 0,hsla(0,0%,98.8%,.9));padding:0 1.5em;border-radius:20px;width:100%;word-wrap:break-word}.msg-margin{margin-bottom:.2em}@media (max-width:1000px){.chat-box{height:70%}}.App{font-family:sans-serif;text-align:center;width:100%;height:auto}.box{height:36vh;margin-bottom:10px;overflow-y:auto}.box .inner{flex-wrap:wrap;align-items:flex-end;height:100%;align-content:flex-end;min-height:-webkit-min-content;min-height:min-content}.box .inner,.box .inner .message{display:flex;flex-direction:row;flex-basis:100%}.box .inner .message{padding:2px 4px;margin:2px}.box .reference{display:flex;flex-direction:row;flex-basis:100%}input{border-radius:3px;width:90%;padding:10px;box-shadow:none;background:none;border:1px solid #ccc}.room-bg{background:linear-gradient(0deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,0) 80%);width:100vw;height:100vh}.rounded-rect{border-radius:15px}.glass-rect{background:hsla(0,0%,100%,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18)}.glass-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-rect-bright{background:hsla(0,0%,100%,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18)}.margin-sm{margin:.5em}.round{overflow-y:auto}.title-font{font-family:"Rajdhani",sans-serif;font-weight:600;color:#fff;letter-spacing:.3em}.no-spacing{letter-spacing:0}.return-btn{background:hsla(0,0%,100%,.7);box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.8);padding:.2em;border-radius:15px;height:40px;margin:5px;font-size:large;display:flex;align-items:center;transition:.2s;position:absolute;left:10px}.return-btn:hover{transform:scale(1.1);background:hsla(0,0%,78.4%,.3)}.return-btn:hover span{color:#fff}.return-button{height:80%}.return-text{color:#000;margin:0 5px;letter-spacing:.1em}.return-button img{height:100%}.player-current{border:2px solid rgba(130,207,145,.7);box-shadow:0 0 10px rgba(130,207,145,.3)}.mask-container{width:100%;height:100%;z-index:9999;position:absolute}.pop-up-container{width:70%;min-width:50%;height:50%;background:hsla(0,0%,100%,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18)}.options-btn-group{display:flex;width:100%;margin:2em;justify-content:space-around}.start-game-txt>p{margin:1em}.player{background:hsla(0,0%,100%,.5);border-radius:8px;padding:.2em 1em;margin-bottom:.4em}.username{align-items:center}.sticky{position:-webkit-sticky;position:sticky;top:15px}.margin-left-extra{margin-left:1em}.margin-room{margin:10px}.room-container{width:100%;height:100%;padding:15px;grid-gap:15px;gap:15px}.room-container>div{display:flex}.block-1{height:10vh}.block-2{height:calc(90vh - 45px)}.game-room-banner{flex-basis:100%;align-items:center;justify-content:center;position:relative}.room-canvas{flex-basis:65%}.room-players-info{flex-basis:35%;margin-left:15px;grid-gap:15px;gap:15px}.room-chat-box,.room-player-list{height:50%}@media (max-width:1000px){.block-1{height:5vh}.block-2{flex-direction:column;height:90vh}.room-players-info{margin:15px 0 0;background:hsla(0,0%,100%,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18);border-radius:15px;flex-basis:40%;height:40vh}.room-players-info>div{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border:none}.room-canvas{flex-basis:60%;height:calc(50vh - 200px)}.return-btn{height:30px}.room-player-list{height:40%}.room-chat-box{height:60%}}.promptCard{width:100%;max-width:400px;height:300px;background:linear-gradient(90deg,#93d6f2 0,#ebb1e4 64%,rgba(255,162,175,.9));color:#000;box-sizing:content-box;margin:0 auto;border:1px solid hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:inset 0 -.1em .1em hsla(0,0%,100%,.1),0 0 0 1px hsla(0,0%,100%,.1),.3em .2em 1em rgba(0,0,0,.2);border-radius:20px;align-items:center}.promptCard-logo{width:50%}.promptCard-top{max-width:400px;height:250px;padding-top:3%;background:#fff;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:inset 0 -.1em .1em hsla(0,0%,100%,.1),0 0 0 1px hsla(0,0%,100%,.1),.3em .2em 1em rgba(0,0,0,.2);border-radius:20px;align-items:center}.promptCard-top-info{font-family:"Work Sans",sans-serif;font-size:x-large;margin-top:10%}.promptCard-bottom{width:100%;color:#fff;font-size:large;max-width:400px;font-weight:700;height:50px;padding:15px;cursor:pointer}.promptCard-bottom:hover{font-size:larger}.card{width:100%;max-width:400px;height:auto;color:#fff;box-sizing:content-box;margin:0 auto;border:1px solid hsla(0,0%,100%,.5);padding:1rem 1.5rem 2rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:inset 0 -.1em .1em hsla(0,0%,100%,.1),0 0 0 1px hsla(0,0%,100%,.1),.3em .2em 1em rgba(0,0,0,.2);border-radius:20px}p.title{font-size:1.25rem;text-align:center;letter-spacing:.2rem}.card--body,.card--header{padding-bottom:1rem}.card--body{width:100%}label{font-family:sans-serif;font-size:.75rem;margin-bottom:.5rem;letter-spacing:.2rem;text-transform:uppercase}input,label{display:block}input{box-sizing:border-box;margin-bottom:1.25rem;color:#4a4a4a;font-size:1rem;width:100%;height:44px;padding-left:.8rem;background-color:hsla(0,0%,100%,0);border:1px solid #fff;border-radius:4px;transition:background-color .3s}input:focus,input:hover{background-color:hsla(0,0%,100%,.5)}.card--footer{display:flex;justify-content:center;align-items:center}.btn_sign-up{font-size:1.25rem;padding:1rem 2rem;background-color:hsla(0,0%,100%,.8);color:rgba(0,0,0,.5);font-size:1rem;border:1px solid transparent;border-radius:2rem;font-weight:700;text-transform:uppercase;transition:background-color .3s;margin-right:10px}.btn_sign-up:hover{background-color:hsla(0,0%,100%,.2);border:1px solid #fff;color:#fff}.link{color:#fff;font-size:medium;padding-top:15px}.link:hover{color:#646262;text-decoration:underline}.logo-bg{width:100%;border-radius:50%;padding-top:.4em;color:#5ccdf2}.logo-bg>img{width:60%}
/*# sourceMappingURL=main.4660559d.chunk.css.map */