.language-container-light,.language-container-pink{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.language-container-pink{background:linear-gradient(180deg,#ffbed7,#f79dbe 30.24%,#ff84b1)}.language-container-light{background:linear-gradient(180deg,#d2d2d2,#e2e2e2 .01%,#f2f2f2 50.24%,#fff 99.2%)}.language-header{padding-top:30px;padding-left:30px;padding-right:30px;font-family:"Fira Code",monospace;font-size:24px;color:#fff}.language-header,.language-main{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.language-main{align-self:center;max-width:500px;width:100%;height:100%;margin-bottom:100px}.language-close-button-left{opacity:0;cursor:default}.language-close-button{display:flex;padding:10px;background:none;border:2.5px solid #fff;box-sizing:border-box;border-radius:6px;transition:.2s;color:#fff;font-size:20px;font-family:"Fira Code",monospace}.language-close-button:hover{background:#fff;color:#f79dbe}.language-option{display:flex;flex-direction:column;max-height:180px;max-width:200px;width:100%;height:100%;justify-content:center;align-items:center;border:2px solid #fff;box-sizing:border-box;border-radius:20px;background:transparent;font-family:"Fira Code",monospace;font-size:25px;font-weight:300;color:#fff;transition:.2s}.language-option svg{color:#fff;font-size:35px;transition:.2s}.language-option:hover{background:#fff;color:#ff84b1}.language-option:hover svg{color:#ff84b1}.menu-container{background:rgba(0,0,0,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;bottom:0;left:0;right:0}.menu-container,.menu-options{display:flex;flex-direction:column}.menu-options{align-items:center;justify-content:center;height:100%;width:100%}.group-menu{display:grid;grid-template-columns:1fr 1fr;max-width:450px;max-height:220px;width:100%;height:100%}.menu-option-light,.menu-option-pink{display:flex;flex-direction:column;max-height:180px;max-width:200px;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;border-radius:20px;background:transparent;font-family:"Fira Code",monospace;font-weight:300;font-size:25px;transition:.2s}.menu-option-pink{border:2px solid #fff;color:#fff}.menu-option-light{border:2px solid #3b3b3b;color:#3b3b3b}.menu-option-light svg,.menu-option-pink svg{font-size:35px;transition:.2s}.menu-option-pink svg{color:#fff}.menu-option-light svg{color:#3b3b3b}.menu-option-pink:hover{background:#fff;color:#ff84b1}.menu-option-light:hover{background:#3b3b3b;color:#fff}.menu-option-pink:hover svg{color:#ff84b1}.menu-option-light:hover svg{color:#fff}.score-modal-container{background:rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.score-modal-main{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2rem;border-radius:5px;text-align:left;position:relative;font-family:"Fira Code",monospace}.score-modal-header{color:#666;font-size:25px;padding-bottom:20px;align-self:center}.score-modal-hr{width:100%;border-style:solid;border-color:#666;margin-bottom:20px}.score-modal-label{color:#666;font-size:18px;padding:12px}.score-modal-span{color:#8d8d8d;font-size:16px}.score-modal-close-button-light,.score-modal-close-button-pink{margin-top:20px;font-family:"Fira Code",monospace;border:none;width:100%;padding:10px 20px;border-radius:5px;font-size:15px;background:transparent;transition:all .2s}.score-modal-close-button-pink{border:2px solid #ff84b1;color:#ff84b1}.score-modal-close-button-light{border:2px solid #3b3b3b;color:#3b3b3b}.score-modal-close-button-pink:hover{color:#fff;background:#ff84b1}.score-modal-close-button-light:hover{color:#fff;background:#3b3b3b}.screen-container-light,.screen-container-pink{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.screen-container-pink{background:linear-gradient(180deg,#ffbed7,#f79dbe 30.24%,#ff84b1)}.screen-container-light{background:linear-gradient(180deg,#d2d2d2,#e2e2e2 .01%,#f2f2f2 50.24%,#fff 99.2%)}.score-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:30px;padding-left:30px;padding-right:30px;font-family:"Fira Code",monospace}.score-header-pink{font-size:24px;color:#fff}.score-header-light{font-size:24px;color:#3b3b3b}.score-close-button-left{opacity:0;cursor:default}.score-close-button{display:flex;padding:10px;background:none;border:2.5px solid #fff;box-sizing:border-box;border-radius:6px;transition:.2s;color:#fff;font-size:20px;font-family:"Fira Code",monospace}.score-close-button:hover{background:#fff;color:#f79dbe}.score-main{height:100%;justify-content:center;margin-bottom:100px}.hits-miss,.score-main{width:100%;display:flex;align-items:center}.hits-miss{max-width:350px;flex-direction:column;padding:20px;font-size:20px;font-family:"Fira Code",monospace}.span-chart-pink{color:#fff}.span-chart-light{color:#3b3b3b}.score-words{max-width:450px;width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;font-size:25px;font-family:"Fira Code",monospace;color:#fff}@media (max-width:1366px){.score-header{padding-top:20px;padding-left:20px;padding-right:20px}.score-words{max-width:350px;padding:15px;font-size:20px}.hits-miss{max-width:300px;padding:15px;font-size:18px}}.start-container{background:rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.start-main-light,.start-main-pink{max-width:600px;margin-bottom:200px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;font-family:"Fira Code",monospace}.start-main-pink{color:#fff}.start-main-light{color:#3b3b3b}.start-instruction{align-self:flex-start;text-align:justify;font-size:20px;padding:10px 0}.start-span{font-size:30px;padding:30px 0}.start-count{font-size:45px;animation:animate 1s linear infinite}@keyframes animate{0%{font-size:45px;opacity:1}to{font-size:95px;opacity:0}}.start-button-light,.start-button-pink{width:100%;padding:15px 0;font-size:20px;border-radius:5px;transition:all .2s;background:transparent;margin-top:20px}.start-button-pink{color:#fff;border:2px solid #fff}.start-button-light{color:#3b3b3b;border:2px solid #3b3b3b}.start-button-pink:hover{color:#ff84b1;background:#fff}.start-button-light:hover{color:#fff;background:#3b3b3b}#theme-container-pink{background:linear-gradient(180deg,#ffbed7,#f79dbe 30.24%,#ff84b1)}#theme-container-light{background:linear-gradient(180deg,#d2d2d2,#e2e2e2 .01%,#f2f2f2 50.24%,#fff 99.2%)}.theme-container{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.theme-header-light,.theme-header-pink{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:30px;padding-left:30px;padding-right:30px;font-family:"Fira Code",monospace;font-size:24px}.theme-header-pink{color:#fff}.theme-header-light{color:#3b3b3b}.theme-main{display:flex;align-self:center;flex-direction:row;max-width:500px;width:100%;height:100%;margin-bottom:100px;align-items:center;justify-content:space-between}.close-button-left{opacity:0;cursor:default}.close-button-light,.close-button-pink{display:flex;padding:10px;box-sizing:border-box;border-radius:6px;transition:.2s;font-size:20px;font-family:"Fira Code",monospace;background:none}.close-button-pink{color:#fff;border:2.5px solid #fff}.close-button-light{color:#3b3b3b;border:2.5px solid #3b3b3b}.close-button-pink:hover{background:#fff;color:#f79dbe}.close-button-light:hover{background:#3b3b3b;color:#fff}.theme-option-light,.theme-option-pink{display:flex;flex-direction:column;max-height:180px;max-width:200px;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box;border-radius:20px;background:transparent;font-family:"Fira Code",monospace;font-size:25px;font-weight:300;transition:.2s}.theme-option-pink{border:2px solid #fff}.theme-option-light{border:2px solid #3b3b3b}.theme-option-pink{color:#fff}.theme-option-light{color:#3b3b3b}.theme-option-pink:hover{background:#fff;color:#ff84b1}.theme-option-light:hover{background:#3b3b3b;color:#fff}.app-light,.app-pink{display:flex;flex-direction:column;width:100%;height:100%}.app-pink{background:linear-gradient(180deg,#ffbed7,#f79dbe 30.24%,#ff84b1)}.app-light{background:linear-gradient(180deg,#d2d2d2,#e2e2e2 .01%,#f2f2f2 50.24%,#fff 99.2%)}.header{flex-direction:row;align-items:center;justify-content:space-between;padding-top:30px;padding-left:30px;padding-right:30px}.header,.menu-button-light,.menu-button-pink{display:flex;font-family:"Fira Code",monospace}.menu-button-light,.menu-button-pink{padding:10px 15px;background:none;box-sizing:border-box;border-radius:6px;transition:.2s;font-size:20px;animation:pulse-pink 1.5s infinite;transform:scale(1)}.menu-button-pink{border:2.5px solid #fff;animation:pulse-pink 1.5s infinite;color:#fff}.menu-button-light{border:2.5px solid #3b3b3b;animation:pulse-light 1.5s infinite;color:#3b3b3b}@keyframes pulse-pink{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes pulse-light{0%{box-shadow:0 0 0 0 rgba(59,59,59,.317)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}.menu-button-pink:hover{background:#fff;color:#ffbed7}.menu-button-light:hover{background:#3b3b3b;color:#fff}.t-top{margin-bottom:10px}.t-bottom{margin-top:10px}.timer-text-pink{color:#fff;font-size:24px}.timer-text-light{color:#3b3b3b;font-size:24px}@media (max-width:1366px){.header{padding-top:20px;padding-left:20px;padding-right:20px}.menu-button-light,.menu-button-pink{padding:7px 13px;font-size:18px}}.container-geral{display:grid;grid-template-rows:3fr 1fr 6fr;grid-row-gap:10px;row-gap:10px;width:80%}@media (max-width:1440px){.container-geral{grid-template-rows:2fr 1fr 6fr;width:92%}}.input-text-light,.input-text-pink{background:transparent;padding:7px 15px;font-size:16px;width:95%;justify-self:center;font-family:"Fira Code",monospace;box-sizing:border-box;border-radius:10px;transition:all .2s}.input-text-pink{color:#fff;border:2px solid #fff}.input-text-light{color:#3b3b3b;border:2px solid #3b3b3b}.input-text-pink::-webkit-input-placeholder{color:#fff}.input-text-pink:-ms-input-placeholder{color:#fff}.input-text-pink::placeholder{color:#fff}.input-text-light::-webkit-input-placeholder{color:#3b3b3b}.input-text-light:-ms-input-placeholder{color:#3b3b3b}.input-text-light::placeholder{color:#3b3b3b}.input-text-pink:focus{background:#fff;color:#ff84b1}.input-text-light:focus{background:#3b3b3b;color:#fff}.key-container-light,.key-container-pink{display:flex;flex-direction:column;width:100%;height:100%;padding:25px;box-sizing:border-box;border-radius:30px;transition:.2s}.key-container-pink{border:2px solid #fff}.key-container-light{border:2px solid #3b3b3b}.firstline{display:flex;flex-direction:row;width:100%;padding-bottom:10px;justify-content:space-between;font-size:15px}.key-light,.key-pink,.key-pressed-light,.key-pressed-pink{display:flex;align-items:center;justify-content:center;width:50px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.1s}.key-pink{color:#fff;border:2px solid #fff}.key-light{color:#3b3b3b;border:2px solid #3b3b3b}.text-light,.text-pink{padding:0 0 5%;width:100%;font-size:20px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.text-pink{color:#878787}.text-light{color:#7d7d7d}.textFocus-light,.textFocus-pink{padding:0 0 5%;width:100%;font-size:20px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.textFocus-pink{color:#fff}.textFocus-light{color:#323232}.key-pressed-pink{background:#fff;color:#ff84b1;border:2px solid #fff}.key-pressed-light{background:#3b3b3b;color:#fff;border:2px solid #3b3b3b}.key-pink:hover{background:#fff;color:#ff84b1}.key-light:hover{background:#3b3b3b;color:#fff}.key-backspace-light,.key-backspace-pink,.key-backspace-pressed-light,.key-backspace-pressed-pink{display:flex;align-items:center;justify-content:center;width:110px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-backspace-pink{color:#fff;border:2px solid #fff}.key-backspace-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-backspace-pink:hover{background:#fff;color:#ff84b1}.key-backspace-light:hover{background:#3b3b3b;color:#fff}.key-shift-light,.key-shift-pink{display:flex;align-items:center;justify-content:center;width:120px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-shift-pink{color:#fff;border:2px solid #fff}.key-shift-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-shift-pink:hover{background:#fff;color:#ff84b1}.key-shift-light:hover{background:#3b3b3b;color:#fff}.key-capslock-light,.key-capslock-pink{display:flex;align-items:center;justify-content:center;width:100px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-capslock-pink{color:#fff;border:2px solid #fff}.key-capslock-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-capslock-pink:hover{background:#fff;color:#ff84b1}.key-capslock-light:hover{background:#3b3b3b;color:#fff}.key-tab-light,.key-tab-pink{display:flex;align-items:center;justify-content:center;width:80px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-tab-pink{color:#fff;border:2px solid #fff}.key-tab-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-tab-pink:hover{background:#fff;color:#ff84b1}.key-tab-light:hover{background:#3b3b3b;color:#fff}.key-backlash-light,.key-backlash-pink,.key-backlash-pressed-light,.key-backlash-pressed-pink{display:flex;align-items:center;justify-content:center;width:80px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-backlash-pink{color:#fff;border:2px solid #fff}.key-backlash-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-backlash-pink:hover{background:#fff;color:#ff84b1}.key-backlash-light:hover{background:#3b3b3b;color:#fff}.key-backspace-pressed-pink{background:#fff;color:#ff84b1;border:2px solid #fff}.key-backspace-pressed-light{background:#3b3b3b;color:#fff;border:2px solid #3b3b3b}.key-backlash-pressed-pink{background:#fff;color:#ff84b1;border:2px solid #fff}.key-backlash-pressed-light{background:#3b3b3b;color:#fff;border:2px solid #3b3b3b}.key-windows-light,.key-windows-pink{display:flex;align-items:center;justify-content:center;width:60px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-windows-pink{color:#fff;border:2px solid #fff}.key-windows-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-windows-pink:hover{background:#fff;color:#ff84b1}.key-windows-light:hover{background:#3b3b3b;color:#fff}.key-ctrl-light,.key-ctrl-pink{display:flex;align-items:center;justify-content:center;width:70px;height:50px;box-sizing:border-box;border-radius:8px;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-ctrl-pink{color:#fff;border:2px solid #fff}.key-ctrl-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-ctrl-pink:hover{background:#fff;color:#ff84b1}.key-ctrl-light:hover{background:#3b3b3b;color:#fff}.key-ctrl-pressed{background:#fff;color:#ff84b1;width:70px;border:2px solid #fff;border-radius:8px}.key-ctrl-pressed,.key-space-light,.key-space-pink,.key-space-pressed-light,.key-space-pressed-pink{display:flex;align-items:center;justify-content:center;height:50px;box-sizing:border-box;font-family:"Fira Code",monospace;cursor:pointer;transition:.2s}.key-space-light,.key-space-pink,.key-space-pressed-light,.key-space-pressed-pink{width:58%;border-radius:8px}.key-space-pink{color:#fff;border:2px solid #fff}.key-space-light{color:#3b3b3b;border:2px solid #3b3b3b}.key-space-pink:hover{background:#fff;color:#ff84b1}.key-space-light:hover{background:#3b3b3b;color:#fff}.key-space-pressed-pink{background:#fff;color:#ff84b1;border:2px solid #fff}.key-space-pressed-light{background:#3b3b3b;color:#fff;border:2px solid #3b3b3b}@media (max-width:1366px){.input-text-light,.input-text-pink{width:75%}.key-container-light,.key-container-pink{padding:15px}.firstline{font-size:13px}.key-light,.key-pink,.key-pressed-light,.key-pressed-pink{width:45px;height:45px}.key-backspace-light,.key-backspace-pink{width:90px;height:45px}.key-shift-light,.key-shift-pink{width:100px;height:45px}.key-capslock-light,.key-capslock-pink{width:80px;height:45px}.key-backlash-light,.key-backlash-pink,.key-backlash-pressed-light,.key-backlash-pressed-pink,.key-tab-light,.key-tab-pink{width:65px;height:45px}.key-windows-light,.key-windows-pink{width:55px;height:45px}.key-ctrl-light,.key-ctrl-pink{width:60px;height:45px}.key-space-light,.key-space-pink,.key-space-pressed-light,.key-space-pressed-pink{width:58%;height:45px}.input-text-light,.input-text-pink{padding:5px 10px;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}*,:focus{outline:0}#root,body,html{height:100vh}body{-webkit-font-smoothing:antialiased}a{text-decoration:none}ul{list-style:none}button{cursor:pointer}.main-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:3% 15% 0;font-family:"Poppins",sans-serif;font-size:18px;text-align:center}
/*# sourceMappingURL=main.575cee11.chunk.css.map */