#app{width:70%;margin:auto}button{border:none!important;border-radius:50px!important;padding:1.5%;color:#000!important;font-size:1.2vw!important}button,input{font-weight:700!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}input{border:none;font-size:.95vw!important;border-radius:15px!important}button:hover{box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-webkit-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-moz-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75)}button[type=submit]{margin-top:20px;font-size:1vw!important;width:100%;background:#73ff00!important}::-webkit-scrollbar{width:.7vw}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(250,165,7,.9803921568627451)!important;border-radius:20px}.ribbon{background:#f58b00!important;overflow:hidden;white-space:nowrap;position:absolute;left:-50px;top:40px;transform:rotate(-45deg);box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.ribbon a{border:1px solid #fff;color:#000;display:block;font:700 100% Helvetica Neue,Helvetica,Arial,sans-serif;margin:1px 0;padding:10px 50px;text-align:center;text-decoration:none;text-shadow:0 0 3px #444}.ribbon a:hover{color:#fff}.mobile-msg{text-align:center;padding:20px;margin:25% auto;padding:1%;width:80%;font-size:40px;background:rgba(250,165,7,.9803921568627451)!important;border-radius:10px}@media only screen and (max-width:1032px){#app{width:80%;margin:auto}}@media only screen and (max-width:767px){#app{width:100%;margin:auto}button{padding:15px;font-size:20px!important}.ribbon{left:-40px;top:15px;transform:rotate(-40deg)}.ribbon a{font:700 100% Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;margin:2px 0;padding:5px 30px}}@media only screen and (max-width:400px){#app{width:100%;margin:auto}button{padding:10px;font-size:15px!important}.ribbon{left:-40px;top:15px;transform:rotate(-40deg)}.ribbon a{font:700 100% Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;margin:2px 0;padding:5px 30px}}.time{font-size:2vw;color:#000;font-weight:700}@media only screen and (max-width:767px){.time{font-size:35px}}@media only screen and (max-width:400px){.time{font-size:30px}}#sidebar-1{background-color:rgba(250,165,7,0)!important;border-top-right-radius:15px;border-bottom-right-radius:15px;box-shadow:0 -1px 11px -2px transparent!important;-webkit-box-shadow:0 -1px 11px -2px transparent;-moz-box-shadow:0 -1px 11px -2px transparent}.logo-image-container{text-align:center}.instruction-container{border-radius:20px;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);background:#f58b00!important;padding:1%;width:95%;margin:5vw auto;text-align:center}.instructions,.level-ranking{margin-top:5%}.instructions h5,.level-ranking h5{color:#000}.sign-in-link{text-decoration:none;color:#000!important;font-size:1vw;letter-spacing:1px;font-weight:700;background:#ebfc08;border-radius:50px!important;padding:5%;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.sign-in-link:hover{box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-webkit-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-moz-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75)}.sign-in-container{margin-top:20%;font-weight:700;font-size:1.4vw}.instruction{margin:auto!important}@media only screen and (max-width:767px){#sidebar-1{width:50%!important}.logo-image-container{text-align:center}.instructions,.level-ranking{margin-top:3%;font-size:15px}.instructions h5,.level-ranking h5{padding:1px;font-size:25px}.sign-in-link{padding:15px}.sign-in-container,.sign-in-link{font-size:20px}}@media only screen and (max-width:400px){#sidebar-1{width:50%!important}.logo-image-container{text-align:center}.logo-image{width:70px}.instructions,.level-ranking{margin-top:2%;font-size:12px}.instructions h5,.level-ranking h5{padding:1px;font-size:15px}.def,.sign-in-link{font-size:15px}.sign-in-link{padding:10px}.sign-in-container{margin-top:10px;font-weight:700;font-size:15px}}.restart-modal-header{background:#f58b00!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);border-bottom-color:transparent!important}.restart-modal-content{font-weight:700;padding:3px;background:rgba(250,165,7,.9803921568627451)!important;font-size:1vw}.dropdown-user{font-size:1.4vw;letter-spacing:1px;text-align:center;font-weight:700}.user-name{color:#000;font-style:normal}.user-photo{width:4vw!important;height:4vw!important;background-color:rgba(255,0,106,.253)!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);transition:box-shadow .5s}.user-photo:hover{box-shadow:-1px 4px 21px -3px rgba(0,0,0,.164)}.nav-bar{padding:1%;background:#f58b00!important;border-radius:10px!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.brand{font-size:2vw!important;color:#000!important;font-weight:700!important;margin-left:25%}.brand-logo-nav{width:5vw;padding:1%}.sign-link a{text-decoration:none;color:#000!important;font-size:1vw;letter-spacing:1px;font-weight:700;text-align:center;background:#ebfc08;border-radius:50px!important;padding:10px!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.sign-link a:hover{box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-webkit-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-moz-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75)}.restart-game-item,.sign-out{font-size:1vw!important}.restart-game-item{margin-bottom:10px;padding:10px!important;background-color:#f33!important}.restart-game-item:hover{background:rgba(189,163,163,.932)}.menu-user-profile{padding:10%!important;background:rgba(250,165,7,.9803921568627451)!important;text-align:center!important;font-size:1vw!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.confirmation-restart-collapse,.menu-user-profile{border:none!important;border-radius:15px!important}.confirmation-restart-collapse{display:inline-block}.card-collapse{background:#f58b00!important;font-size:1vw!important;border-radius:15px!important;margin-bottom:5px;border:none!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.restart-modal-greeting-msg{color:#fdfdfd}.restart-modal-msg{font-size:1vw}.restart{background:#d60a0a!important;margin-right:10px}.cancel,.restart{font-size:1vw!important}.cancel{background:#eed6aa!important}@media only screen and (max-width:1035px){.sign-link a{font-size:10px;width:10vw;margin:auto;padding:10px!important}}@media only screen and (max-width:767px){.nav-bar{padding:5px}.brand{font-size:25px!important;color:#000!important;font-weight:700!important;margin-left:1%}.brand-logo-nav{width:50px;padding:5px}.toggle-nav-bar{width:50px}.restart-modal{font-weight:700!important}.restart-modal-header{font-size:16px!important}.restart-modal-content{font-weight:700;font-size:20px}.dropdown-user,.restart-modal-msg{font-size:15px}.user-name{color:#000;font-style:normal}.user-photo{width:50px!important;height:50px!important}.sign-link a{font-size:20px;width:30%;margin:auto;padding:10px!important}.restart-game-item,.sign-out{font-size:13px!important}.restart-game-item{margin-bottom:10px;padding:10px!important;background-color:#f33!important}.restart-game-item:hover{background:rgba(189,163,163,.932)}.card-collapse{font-size:15px}.restart{background:red!important;margin-right:10px}.cancel,.restart{font-size:12px!important}.cancel{background:#eed6aa!important}}@media only screen and (max-width:400px){.nav-bar{padding:5px}.brand{font-size:25px!important;color:#000!important;font-weight:700!important;margin-left:1%}.brand-logo-nav{width:50px;padding:5px}.toggle-nav-bar{width:50px}.restart-modal{font-weight:700!important}.restart-modal-header{font-size:16px!important}.restart-modal-content{font-weight:700;font-size:20px}.dropdown-user,.restart-modal-msg{font-size:15px}.user-name{color:#000;font-style:normal}.user-photo{width:50px!important;height:50px!important}.sign-link a{font-size:15px;width:30%;margin:auto;padding:10px!important}.sign-link a:hover{box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-webkit-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75);-moz-box-shadow:0 -1px 11px -2px hsla(0,0%,100%,.75)}.restart-game-item,.sign-out{font-size:13px!important}.restart-game-item{margin-bottom:10px;padding:10px!important;background-color:#f33!important}.restart-game-item:hover{background:rgba(189,163,163,.932)}.card-collapse{font-size:15px}.restart{background:red!important;margin-right:10px}.cancel,.restart{font-size:12px!important}.cancel{background:#eed6aa!important}}.game-board{margin-top:1vw;padding:1%;background:rgba(250,165,7,.9803921568627451)!important;border-radius:10px}.game-container{margin-top:2px;text-align:center;font-size:5vw}.sound-container{text-align:right;padding:5px;font-size:2vw}.sound-icon:hover{color:#585654!important;cursor:pointer}.word{color:#000}.correct-letter,.word{text-transform:uppercase;letter-spacing:2px;font-weight:700}.correct-letter{color:#fff}.input-word{padding:15px;visibility:hidden}.user-points{color:#000;font-size:1vw}.user-score-board{padding:2%}.user-level-score{font-size:1vw;float:left;color:#000}.level{font-weight:700;font-size:2vw;padding:3px;text-align:justify!important;border-radius:15px}.user-level-point{float:right}.points{font-weight:700;font-size:2vw;padding:2%;border-radius:15px}.btn-container{text-align:center;padding:1%}.game-stop{text-align:center;box-sizing:border-box;color:#000!important}.game-stop *{padding:5px}.start-btn{background:#73ff00!important;margin-right:10px}.show-rules-btn{background:#09f}.restart-btn{background:#73ff00}.pause-btn{background:#f03}.prepare-msg-container{font-size:2vw;color:#000;font-weight:700}.prepare-time{font-size:4vw;color:#000;font-weight:700}.timeout-msg{font-size:2.5vw;font-weight:700}.complete-word-msg{color:#000;font-size:1.5vw;font-weight:700;padding:5px}.overlay-content,.pause-btn-container{text-align:center}.not-sign-container{border-top:2px solid #000;color:#000;font-weight:700;padding:10px;font-size:.9vw}@media only screen and (max-width:1032px){.game-board{margin-top:10%;padding:5px}.restart-btn{font-size:20px!important}.correct-letter,.word{font-size:60px;letter-spacing:1px}.game-container{margin-top:2px}.prepare-msg-container{font-size:40px;color:#000;font-weight:700}.prepare-time{font-size:45px;color:#000;font-weight:700}.timeout-msg{font-size:30px;font-weight:700}.game-stop{padding:5px}.not-sign-container *{color:#000;font-weight:700;padding:1px;font-size:20px}.complete-word-msg,.user-points{font-size:20px}.user-points{color:#000}.level{font-weight:700;font-size:25px;padding:1px;text-align:justify!important;border-radius:15px}.user-level-score{font-size:20px;float:left;color:#000}.points{font-weight:700;font-size:25px;padding:1px;border-radius:15px}.sound-container{font-size:3vw}}@media only screen and (max-width:767px){.game-board{margin-top:15%;padding:5px}.restart-btn{font-size:20px!important}.correct-letter,.word{font-size:60px;letter-spacing:1px}.game-container{margin-top:2px}.prepare-msg-container{font-size:40px;color:#000;font-weight:700}.prepare-time{font-size:45px;color:#000;font-weight:700}.timeout-msg{font-size:30px;font-weight:700}.game-stop{padding:5px}.not-sign-container *{color:#000;font-weight:700;padding:1px;font-size:20px}.complete-word-msg,.user-points{font-size:20px}.user-points{color:#000}.level{font-weight:700;font-size:25px;padding:1px;text-align:justify!important;border-radius:15px}.user-level-score{font-size:20px;float:left;color:#000}.points{font-weight:700;font-size:25px;padding:1px;border-radius:15px}.sound-container{font-size:5vw}}@media only screen and (max-width:400px){.game-board{margin-top:30%;padding:1px}.restart-btn{font-size:15px!important}.correct-letter,.word{font-size:40px;letter-spacing:1px}.game-container{margin-top:1px}.start-btn{background:#73ff00!important;margin-right:10px}.show-rules-btn{background:#09f}.prepare-msg-container{font-size:30px;color:#000;font-weight:700}.prepare-time{font-size:40px;color:#000;font-weight:700}.timeout-msg{font-size:25px;font-weight:700}.game-stop{padding:5px}.not-sign-container *{color:#000;font-weight:700;padding:1px;font-size:15px}.complete-word-msg,.user-points{font-size:15px}.user-points{color:#000}.level{font-weight:700;font-size:25px;padding:1px;text-align:justify!important;border-radius:15px}.user-level-score{font-size:15px;float:left;color:#000}.points{font-weight:700;font-size:25px;padding:1px;border-radius:15px}.sound-container{font-size:5vw}}.home[data-v-307db2c4]{margin-top:1px;margin-left:auto;margin-right:auto;padding:10px;width:75%}@media only screen and (max-width:1032px){.home[data-v-307db2c4]{width:100%}}@media only screen and (max-width:767px){.home[data-v-307db2c4]{width:100%}}@media only screen and (max-width:400px){.home[data-v-307db2c4]{width:100%}}.tab-auth{width:20vw!important;margin:auto;border-radius:10px!important;background:#f58b00!important;padding:1%}.active-tab,.tab-auth{box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.active-tab{background:rgba(250,165,7,.9803921568627451)!important;border-radius:15px!important;color:#000!important}.title-tab{font-weight:700;color:#000!important;font-size:1vw!important}.form-sign-up,.tab-sign-in{padding:1%}.brand-logo{width:3.5vw!important}.logo-container{text-align:center;padding:1%}.avatar-user{width:5vw!important;height:5vw!important;font-size:1vw!important;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75)}.form-sign-in *,.form-sign-up *{padding:1%}.text-form{font-size:1vw}.uploader-photo{background-color:transparent!important;width:100%!important}.user-photo-container{text-align:center;padding:1%}.hide-file{position:absolute;z-index:1000;opacity:0;right:0;top:0;height:100%;font-size:24px;width:100%}.form-file-user-photo{border-radius:20px;cursor:pointer;box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-webkit-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);-moz-box-shadow:0 -1px 11px -2px rgba(0,0,0,.75);text-align:center;color:#494848;font-weight:700;background:#e0e0e0;width:50%;padding:1%;font-size:1vw;position:relative;margin:auto}.error-msg{color:red;font-size:1vw}@media only screen and (max-width:1032px){.tab-auth{width:55%!important;padding:5px}.title-tab{font-size:20px!important}.brand-logo{width:100px!important}.error-msg{color:#f32222;font-size:25px}.active-tab{font-size:20px!important}}@media only screen and (max-width:767px){.tab-auth{width:100%!important;padding:5px}.title-tab{font-size:20px!important}.brand-logo{width:80px!important}.avatar-user{width:90px!important;height:90px!important}.error-msg{color:#f32222;font-size:20px}.tab-sign-in{padding:10px}.uploader-photo{background-color:transparent!important;width:100%!important}.logo-container{text-align:center;padding:5px}.active-tab{font-size:20px!important}}@media only screen and (max-width:400px){.tab-auth{width:100%!important;padding:5px}.title-tab{font-size:15px!important}.brand-logo{width:70px!important}.avatar-user{width:90px!important;height:90px!important}.error-msg{color:#f32222;font-size:15px}.tab-sign-in{padding:10px}.uploader-photo{background-color:transparent!important;width:100%!important}.logo-container{text-align:center;padding:5px}.active-tab{font-size:15px!important}}.login{padding:20px}.already-sigin{background:rgba(250,165,7,.9803921568627451)!important;padding:15px;width:50%;margin-top:10%;margin-left:auto;margin-right:auto;text-align:center;border-radius:15px}.already-sigin h4{font-size:50px!important;padding:50px}