@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&display=swap);.app{display:flex;flex-direction:column;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:Inter,sans-serif;margin:0}.main{background-size:cover;flex:1 1;margin:auto;width:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}h1,h2{font-family:Playfair Display,serif}p{font-size:1rem}@media only screen and (min-width:1024px){p{font-size:1.125rem}}.keyboard{margin:1rem auto}.keyboard .key-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem;width:100%}.keyboard .key-row span{align-items:center;background-color:#f7f7f7;border-radius:4px;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;height:2.25em;justify-content:center;width:1.6em}.keyboard .key-row span.enter:hover{background-color:#bda}.keyboard .key-row span.enter.stroke{border:3px solid #439b09}.keyboard .key-row span.delete:hover{background-color:#fab}@media only screen and (min-width:600px){.keyboard{margin:1.5rem auto}.keyboard .key-row{gap:.75rem;margin-bottom:.75rem}.keyboard .key-row span{font-size:1.5rem;height:2.25em;width:1.6em}}@media only screen and (min-width:1024px){.keyboard .key-row span{transition:all .05s ease}.keyboard .key-row span:hover{background-color:#baf;cursor:pointer;-webkit-transform:scale(1.125);transform:scale(1.125);transition:all .03s ease}.keyboard .key-row span.grey{background-color:#666}.keyboard .key-row span.yellow{background-color:#fda}.keyboard .key-row span.green{background-color:#bda}}@media only screen and (min-width:1400px){.keyboard{margin:1.5rem auto}.keyboard .key-row{gap:.75rem;margin-bottom:.75rem}.keyboard .key-row span{font-size:1.5rem;height:2.25em;width:1.6em}}@media only screen and (min-width:1900px){.keyboard{margin:1.5rem auto}.keyboard .key-row{gap:1rem;margin-bottom:1rem}.keyboard .key-row span{font-size:1.75rem;height:2em;width:2em}}@media only screen and (min-width:2200px){.keyboard{margin:2.5rem auto}.keyboard .key-row{gap:1.25rem;margin-bottom:1.25rem}.keyboard .key-row span{font-size:2.25rem;height:2em;width:2em}}#popup{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}#popup h2{color:#e39505;font-size:8rem;opacity:0}#popup h2.win{-webkit-animation:win .25s ease forwards;animation:win .25s ease forwards}#popup h2.lose{-webkit-animation:lose .25s ease forwards;animation:lose .25s ease forwards}#popup p{font-size:2rem;text-align:center}@-webkit-keyframes win{0%{color:#e39505;opacity:.2;-webkit-transform:translateY(120px) scale(.75);transform:translateY(120px) scale(.75)}35%{opacity:.7;-webkit-transform:translateY(20px) scale(.75);transform:translateY(20px) scale(.75)}55%{color:#fda;opacity:1;-webkit-transform:translateY(10px) scale(1.25);transform:translateY(10px) scale(1.25)}to{color:#bda;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes win{0%{color:#e39505;opacity:.2;-webkit-transform:translateY(120px) scale(.75);transform:translateY(120px) scale(.75)}35%{opacity:.7;-webkit-transform:translateY(20px) scale(.75);transform:translateY(20px) scale(.75)}55%{color:#fda;opacity:1;-webkit-transform:translateY(10px) scale(1.25);transform:translateY(10px) scale(1.25)}to{color:#bda;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes lose{0%{color:#e39505;opacity:.2;-webkit-transform:translateY(120px) scale(.75);transform:translateY(120px) scale(.75)}35%{opacity:.7;-webkit-transform:translateY(20px) scale(.75);transform:translateY(20px) scale(.75)}55%{color:#fab;opacity:1;-webkit-transform:translateY(10px) scale(1.25);transform:translateY(10px) scale(1.25)}to{color:#dd4d6a;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes lose{0%{color:#e39505;opacity:.2;-webkit-transform:translateY(120px) scale(.75);transform:translateY(120px) scale(.75)}35%{opacity:.7;-webkit-transform:translateY(20px) scale(.75);transform:translateY(20px) scale(.75)}55%{color:#fab;opacity:1;-webkit-transform:translateY(10px) scale(1.25);transform:translateY(10px) scale(1.25)}to{color:#dd4d6a;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.word-sign{bottom:1rem;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:900;position:absolute;right:1rem}.word-sign span{display:inline-block;opacity:1;-webkit-transform:translateY(200px);transform:translateY(200px);transition:opacity .5s ease}.word-sign span.show{-webkit-animation:slide-in .25s ease-out forwards;animation:slide-in .25s ease-out forwards}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(200px) scale(.5);transform:translateY(200px) scale(.5)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slide-in{0%{-webkit-transform:translateY(200px) scale(.5);transform:translateY(200px) scale(.5)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.word-sign span.hide{opacity:0}.word-sign span.star{margin:0 .5rem}@media only screen and (max-width:1023px){.word-sign{display:none}}@media only screen and (min-width:1024px){.word-sign{bottom:3rem;font-size:2rem;right:3rem}}@media only screen and (min-width:2200px){.word-sign{font-size:3rem}}header .container{align-items:center;display:flex;height:75px;justify-content:space-between;padding:0 1rem}header .container h1{font-family:Playfair Display,serif;font-size:2rem;line-height:1;position:relative;z-index:2}header .container .hamburger{background-color:initial;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;position:relative;text-transform:none;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-timing-function:linear;z-index:2}header .container .hamburger:hover .hamburger-inner,header .container .hamburger:hover .hamburger-inner:after,header .container .hamburger:hover .hamburger-inner:before{background-color:#aca}header .container .hamburger.is-active:hover .hamburger-inner,header .container .hamburger.is-active:hover .hamburger-inner:after,header .container .hamburger.is-active:hover .hamburger-inner:before{background-color:#fda}header .container .hamburger.is-active .hamburger-inner,header .container .hamburger.is-active .hamburger-inner:after,header .container .hamburger.is-active .hamburger-inner:before{background-color:#fab}header .container .hamburger-box{display:inline-block;height:24px;position:relative;width:40px}header .container .hamburger-box.is-active .hamburger-inner{background-color:initial!important;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}header .container .hamburger-box.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}header .container .hamburger-box.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}header .container .hamburger-box .hamburger-inner{display:block;top:50%}header .container .hamburger-box .hamburger-inner,header .container .hamburger-box .hamburger-inner:after,header .container .hamburger-box .hamburger-inner:before{background-color:#fff;border-radius:4px;height:4px;position:absolute;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:40px}header .container .hamburger-box .hamburger-inner:after,header .container .hamburger-box .hamburger-inner:before{content:"";display:block}header .container .hamburger-box .hamburger-inner:before{top:-10px}header .container .hamburger-box .hamburger-inner:after{bottom:-10px}header .container .hamburger-box .hamburger-inner .hamburger-box{-webkit-perspective:80px;perspective:80px}header .container .hamburger-box .hamburger-inner .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}header .container .hamburger-box .hamburger-inner .hamburger-inner:after,header .container .hamburger-box .hamburger-inner .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}header nav{align-items:flex-start;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;opacity:0;padding-top:20vh;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1}header nav.active{opacity:1;visibility:visible}header nav .nav-container{display:flex;flex-direction:column;gap:4rem}header nav .nav-container .title-wrap{-webkit-animation:pulse 12s linear infinite;animation:pulse 12s linear infinite}header nav .nav-container .title-wrap h2{-webkit-animation:floaty 15s ease-out infinite alternate;animation:floaty 15s ease-out infinite alternate;font-size:2.5rem}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}20%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}20.1%{-webkit-transform:scale(1.2) translateY(-5px) translateX(5px);transform:scale(1.2) translateY(-5px) translateX(5px)}20.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}35%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}35.1%{-webkit-transform:scale(3) translateY(30px) translateX(0);transform:scale(3) translateY(30px) translateX(0)}35.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}45%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}45.1%{-webkit-transform:scale(1.5) translateY(-40px) translateX(0);transform:scale(1.5) translateY(-40px) translateX(0)}45.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}60%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}60.1%{-webkit-transform:scale(1.2) translateY(-10px) translateX(10px);transform:scale(1.2) translateY(-10px) translateX(10px)}60.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}65%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}65.1%{-webkit-transform:scale(2) translateY(30px) translateX(-20px);transform:scale(2) translateY(30px) translateX(-20px)}65.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}90%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}90.1%{-webkit-transform:scale(3) translateY(-80px) translateX(25px);transform:scale(3) translateY(-80px) translateX(25px)}90.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}to{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}}@keyframes pulse{0%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}20%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}20.1%{-webkit-transform:scale(1.2) translateY(-5px) translateX(5px);transform:scale(1.2) translateY(-5px) translateX(5px)}20.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}35%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}35.1%{-webkit-transform:scale(3) translateY(30px) translateX(0);transform:scale(3) translateY(30px) translateX(0)}35.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}45%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}45.1%{-webkit-transform:scale(1.5) translateY(-40px) translateX(0);transform:scale(1.5) translateY(-40px) translateX(0)}45.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}60%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}60.1%{-webkit-transform:scale(1.2) translateY(-10px) translateX(10px);transform:scale(1.2) translateY(-10px) translateX(10px)}60.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}65%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}65.1%{-webkit-transform:scale(2) translateY(30px) translateX(-20px);transform:scale(2) translateY(30px) translateX(-20px)}65.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}90%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}90.1%{-webkit-transform:scale(3) translateY(-80px) translateX(25px);transform:scale(3) translateY(-80px) translateX(25px)}90.2%{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}to{-webkit-transform:scale(1) translateY(0) translateX(0);transform:scale(1) translateY(0) translateX(0)}}@-webkit-keyframes floaty{0%{color:#fff;-webkit-transform:translateX(0) rotate(10deg) translateY(20px);transform:translateX(0) rotate(10deg) translateY(20px)}20%{color:#bda;-webkit-transform:translateX(-20px) rotate(-10deg) translateY(15px);transform:translateX(-20px) rotate(-10deg) translateY(15px)}40%{color:#fda;-webkit-transform:translateX(35px) rotate(-15deg) translateY(10px);transform:translateX(35px) rotate(-15deg) translateY(10px)}60%{color:#fab;-webkit-transform:translateX(65px) rotate(-5deg) translateY(-25px);transform:translateX(65px) rotate(-5deg) translateY(-25px)}80%{color:#baf;-webkit-transform:translateX(5px) rotate(15deg) translateY(-20px);transform:translateX(5px) rotate(15deg) translateY(-20px)}to{color:#bef;-webkit-transform:translateX(0) rotate(-5deg) translateY(0);transform:translateX(0) rotate(-5deg) translateY(0)}}@keyframes floaty{0%{color:#fff;-webkit-transform:translateX(0) rotate(10deg) translateY(20px);transform:translateX(0) rotate(10deg) translateY(20px)}20%{color:#bda;-webkit-transform:translateX(-20px) rotate(-10deg) translateY(15px);transform:translateX(-20px) rotate(-10deg) translateY(15px)}40%{color:#fda;-webkit-transform:translateX(35px) rotate(-15deg) translateY(10px);transform:translateX(35px) rotate(-15deg) translateY(10px)}60%{color:#fab;-webkit-transform:translateX(65px) rotate(-5deg) translateY(-25px);transform:translateX(65px) rotate(-5deg) translateY(-25px)}80%{color:#baf;-webkit-transform:translateX(5px) rotate(15deg) translateY(-20px);transform:translateX(5px) rotate(15deg) translateY(-20px)}to{color:#bef;-webkit-transform:translateX(0) rotate(-5deg) translateY(0);transform:translateX(0) rotate(-5deg) translateY(0)}}header nav .nav-container form fieldset{border:none}header nav .nav-container form .wordtypes-list{list-style:none;position:relative;width:100%}header nav .nav-container form .wordtypes-list li{margin-bottom:.5rem}header nav .nav-container form .wordtypes-list li input{display:none}header nav .nav-container form .wordtypes-list li button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.75rem;transition:all 1s ease}header nav .nav-container form .wordtypes-list li button.checked.verbs{color:#bda;transition:all .3s ease}header nav .nav-container form .wordtypes-list li button.checked.nouns{color:#fab;transition:all .3s ease}header nav .nav-container form .wordtypes-list li button.checked.adjectives{color:#fda;transition:all .3s ease}header nav .nav-container form .wordtypes-list .alert-message{background-color:#dd4d6a;border-radius:5px;padding:.25em .75em;position:absolute;text-align:center;width:100%}header nav .nav-container form .range-slider-wrap{display:flex;flex-direction:column;margin-top:3rem}header nav .nav-container form .range-slider-wrap h3{-webkit-animation:floaty02 12s ease-out infinite alternate;animation:floaty02 12s ease-out infinite alternate;font-family:Playfair Display,serif;font-size:1.75rem}@-webkit-keyframes floaty02{0%{color:#fff;-webkit-transform:translateX(0) rotate(-1deg) translateY(-1px);transform:translateX(0) rotate(-1deg) translateY(-1px)}10%{color:#bda;-webkit-transform:translateX(-1px) rotate(1deg) translateY(1px);transform:translateX(-1px) rotate(1deg) translateY(1px)}25%{color:#fda;-webkit-transform:translateX(0) rotate(0deg) translateY(0);transform:translateX(0) rotate(0deg) translateY(0)}40%{color:#fab;-webkit-transform:translateX(0) rotate(-2deg) translateY(-2px);transform:translateX(0) rotate(-2deg) translateY(-2px)}65%{color:#dd4d6a;-webkit-transform:translateX(-1px) rotate(0deg) translateY(0);transform:translateX(-1px) rotate(0deg) translateY(0)}80%{color:#baf;-webkit-transform:translateX(2px) rotate(3deg) translateY(2px);transform:translateX(2px) rotate(3deg) translateY(2px)}to{color:#bef;-webkit-transform:translateX(0) rotate(0deg) translateY(0);transform:translateX(0) rotate(0deg) translateY(0)}}@keyframes floaty02{0%{color:#fff;-webkit-transform:translateX(0) rotate(-1deg) translateY(-1px);transform:translateX(0) rotate(-1deg) translateY(-1px)}10%{color:#bda;-webkit-transform:translateX(-1px) rotate(1deg) translateY(1px);transform:translateX(-1px) rotate(1deg) translateY(1px)}25%{color:#fda;-webkit-transform:translateX(0) rotate(0deg) translateY(0);transform:translateX(0) rotate(0deg) translateY(0)}40%{color:#fab;-webkit-transform:translateX(0) rotate(-2deg) translateY(-2px);transform:translateX(0) rotate(-2deg) translateY(-2px)}65%{color:#dd4d6a;-webkit-transform:translateX(-1px) rotate(0deg) translateY(0);transform:translateX(-1px) rotate(0deg) translateY(0)}80%{color:#baf;-webkit-transform:translateX(2px) rotate(3deg) translateY(2px);transform:translateX(2px) rotate(3deg) translateY(2px)}to{color:#bef;-webkit-transform:translateX(0) rotate(0deg) translateY(0);transform:translateX(0) rotate(0deg) translateY(0)}}header nav .nav-container form .range-slider-wrap input{margin:2rem 0 1rem;position:relative;z-index:999}header nav .nav-container form .uptoexactly{align-items:center;display:flex;justify-content:space-between}header nav .nav-container form .uptoexactly .btn-wrap{background-color:#fff;border:2px solid #fff;border-radius:6px;color:#1a1a1a;height:45px;overflow:hidden;position:relative;transition:background-color .3s ease;width:70%}header nav .nav-container form .uptoexactly .btn-wrap:hover{background-color:#baf;border:2px solid #baf;color:#1a1a1a;cursor:pointer;transition:background-color .1s ease}header nav .nav-container form .uptoexactly .btn-wrap button{background-color:initial;border:none;cursor:pointer;font-size:1rem;font-weight:600;height:100%;position:absolute;transition:all .3s ease;width:100%}header nav .nav-container form .uptoexactly .btn-wrap button.upto{opacity:0;top:60px}header nav .nav-container form .uptoexactly .btn-wrap button.upto.active{opacity:1;top:0}header nav .nav-container form .uptoexactly .btn-wrap button.exactly{opacity:0;top:60px}header nav .nav-container form .uptoexactly .btn-wrap button.exactly.active{opacity:1;top:0}header nav .nav-container form .uptoexactly span{align-items:center;background-color:rgba(36,19,103,.558);border:2px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:2.125rem;font-weight:700;height:45px;justify-content:center;margin-left:1rem;width:45px}header nav .minus-btn,header nav .plus-btn{background-color:#fff}header nav .minus-btn.flash,header nav .plus-btn.flash{background-color:red}header nav .ok-btn{background:rgba(0,0,0,.5);border:2px solid #fff;border-radius:5px;bottom:3rem;color:#fff;display:none;font-size:1.75rem;font-weight:600;height:50px;position:absolute;transition:background-color .3s ease;width:68px}header nav .ok-btn.animate{-webkit-animation:appear .75s ease-out forwards;animation:appear .75s ease-out forwards;display:inline-block}@-webkit-keyframes appear{0%{background-color:rgba(0,0,0,.5);color:#fff;-webkit-transform:translateY(300px) rotate(0deg);transform:translateY(300px) rotate(0deg)}85%{background-color:rgba(0,0,0,.5);color:#fff;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}95%{background-color:#fff;color:#1a1a1a;opacity:1;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}to{background-color:#fff;color:#1a1a1a;opacity:1;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}}@keyframes appear{0%{background-color:rgba(0,0,0,.5);color:#fff;-webkit-transform:translateY(300px) rotate(0deg);transform:translateY(300px) rotate(0deg)}85%{background-color:rgba(0,0,0,.5);color:#fff;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}95%{background-color:#fff;color:#1a1a1a;opacity:1;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}to{background-color:#fff;color:#1a1a1a;opacity:1;-webkit-transform:translateY(0) rotate(2turn);transform:translateY(0) rotate(2turn)}}@media only screen and (min-width:1024px){header nav{align-items:center;justify-content:center;opacity:0;padding:0;transition:all .3s ease;visibility:hidden}header nav.active{opacity:1;visibility:visible}header nav .nav-container{display:flex;flex-direction:row;gap:6rem;margin-left:-8rem}header nav .nav-container .title-wrap{-webkit-animation:pulse 12s linear infinite;animation:pulse 12s linear infinite}header nav .nav-container .title-wrap h2{-webkit-animation:floaty 15s ease-out infinite alternate;animation:floaty 15s ease-out infinite alternate;font-size:4.5rem}@-webkit-keyframes floaty{0%{color:#fff;-webkit-transform:translateX(0) rotate(10deg) translateY(50px);transform:translateX(0) rotate(10deg) translateY(50px)}20%{color:#bda;-webkit-transform:translateX(-40px) rotate(-10deg) translateY(35px);transform:translateX(-40px) rotate(-10deg) translateY(35px)}40%{color:#fda;-webkit-transform:translateX(45px) rotate(-15deg) translateY(60px);transform:translateX(45px) rotate(-15deg) translateY(60px)}60%{color:#fab;-webkit-transform:translateX(65px) rotate(-5deg) translateY(-50px);transform:translateX(65px) rotate(-5deg) translateY(-50px)}80%{color:#baf;-webkit-transform:translateX(-25px) rotate(15deg) translateY(-40px);transform:translateX(-25px) rotate(15deg) translateY(-40px)}to{color:#bef;-webkit-transform:translateX(0) rotate(-5deg) translateY(0);transform:translateX(0) rotate(-5deg) translateY(0)}}@keyframes floaty{0%{color:#fff;-webkit-transform:translateX(0) rotate(10deg) translateY(50px);transform:translateX(0) rotate(10deg) translateY(50px)}20%{color:#bda;-webkit-transform:translateX(-40px) rotate(-10deg) translateY(35px);transform:translateX(-40px) rotate(-10deg) translateY(35px)}40%{color:#fda;-webkit-transform:translateX(45px) rotate(-15deg) translateY(60px);transform:translateX(45px) rotate(-15deg) translateY(60px)}60%{color:#fab;-webkit-transform:translateX(65px) rotate(-5deg) translateY(-50px);transform:translateX(65px) rotate(-5deg) translateY(-50px)}80%{color:#baf;-webkit-transform:translateX(-25px) rotate(15deg) translateY(-40px);transform:translateX(-25px) rotate(15deg) translateY(-40px)}to{color:#bef;-webkit-transform:translateX(0) rotate(-5deg) translateY(0);transform:translateX(0) rotate(-5deg) translateY(0)}}header nav .nav-container .menu-wrap ul li button{font-size:2.25rem}header nav .nav-container .menu-wrap ul li button:hover{cursor:pointer}header nav .ok-btn{bottom:4vw;font-size:2rem;right:4vw}header nav .ok-btn:hover{background-color:#baf!important;border:2px solid #baf;cursor:pointer;transition:background-color .3s ease}}@media only screen and (min-width:1440px){header .container{padding:2rem 2.75rem .5rem}header .container h1{font-size:3rem}header nav .nav-container{display:flex;flex-direction:row;justify-content:space-between;margin-left:-10rem;max-width:1000px;width:60%}header nav .nav-container .title-wrap h2{-webkit-animation:floaty 15s ease-out infinite alternate;animation:floaty 15s ease-out infinite alternate;font-size:4.75rem}header nav .nav-container .menu-wrap{width:30%}header nav .nav-container .menu-wrap form .wordtypes-list li{margin-bottom:1.25em}header nav .nav-container .menu-wrap form .range-slider-wrap h3,header nav .nav-container .menu-wrap form .wordtypes-list li button{font-size:2.25rem}header nav .nav-container .menu-wrap form .uptoexactly .btn-wrap{height:55px}header nav .nav-container .menu-wrap form .uptoexactly .btn-wrap button{font-size:1.25rem}header nav .nav-container .menu-wrap form .uptoexactly span{font-size:2.5rem;font-weight:700;height:55px;margin-left:1rem;width:55px}header nav .ok-btn{font-size:2.5rem;height:70px;width:90px}header nav .ok-btn:hover{background-color:#baf!important;border:2px solid #baf;cursor:pointer;transition:background-color .3s ease}}@media only screen and (min-width:1900px){header .container{padding:2rem 2.75rem .5rem}header .container h1{font-size:3rem}header nav .nav-container{max-width:1000px}header nav .nav-container .menu-wrap{width:35%}header nav .nav-container .menu-wrap form .wordtypes-list li{margin-bottom:1.25em}header nav .nav-container .menu-wrap form .wordtypes-list li button{font-size:2.5rem}}@media only screen and (min-width:2000px){header .container h1{font-size:4.5rem}header nav .nav-container{display:flex;flex-direction:row;gap:10rem;margin-left:-10rem}header nav .nav-container .title-wrap h2{-webkit-animation:floaty 15s ease-out infinite alternate;animation:floaty 15s ease-out infinite alternate;font-size:5.5rem}header nav .nav-container .menu-wrap ul li{margin-bottom:1.25rem}header nav .nav-container .menu-wrap ul li button,header nav .ok-btn{font-size:2.5rem}header nav .ok-btn:hover{background-color:#baf!important;border:2px solid #baf;cursor:pointer;transition:background-color .3s ease}}footer{align-items:center;background-color:#1a1a1a;display:flex;justify-content:space-between;padding:0 3rem}footer span{font-size:1rem;opacity:.7;padding:1rem}footer span a{text-decoration:underline}footer .empty,footer .social-icon{height:25px;opacity:.7;width:25px}footer .empty img,footer .social-icon img{width:100%}.game-wrap{height:calc(100vh - 75px)}.game-wrap,.letter-grid{display:flex;flex-direction:column}.letter-grid{align-items:center;margin:1rem}.letter-grid,.letter-grid .row{gap:.3rem;justify-content:center}.letter-grid .row{grid-gap:.3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));width:100%}.letter-grid .row .letterbox{align-items:center;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:4px;display:flex;font-size:1.75rem;font-weight:600;justify-content:center;line-height:1;min-height:70px;text-transform:uppercase;width:100%}@-webkit-keyframes flip{0%{background-color:#1a1a1a;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{background-color:#1a1a1a;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}55%{background-color:var(--background-color);border-color:var(--border-color);color:var(--color);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{background-color:var(--background-color);border-color:var(--border-color);color:var(--color);-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes flip{0%{background-color:#1a1a1a;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{background-color:#1a1a1a;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}55%{background-color:var(--background-color);border-color:var(--border-color);color:var(--color);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{background-color:var(--background-color);border-color:var(--border-color);color:var(--color);-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{background-color:#1a1a1a;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{background-color:#1a1a1a;-webkit-transform:scale(1);transform:scale(1)}}.letter-grid .row .letterbox.grey{--background-color:#3d3d3d;--color:#fff;-webkit-animation:flip .25s ease forwards;animation:flip .25s ease forwards}.letter-grid .row .letterbox.yellow{--background-color:#fda;--border-color:#e39505;--color:#1a1a1a}.letter-grid .row .letterbox.green,.letter-grid .row .letterbox.yellow{-webkit-animation:flip .25s ease forwards;animation:flip .25s ease forwards}.letter-grid .row .letterbox.green{--background-color:#bda;--border-color:#439b09;--color:#1a1a1a}.letter-grid .row .letterbox.just-typed{-webkit-animation:bounce .1s ease-in-out forwards;animation:bounce .1s ease-in-out forwards}@media only screen and (min-width:600px){.letter-grid{gap:.5rem;margin:1.25rem}.letter-grid .row{gap:.5rem}.letter-grid .row .letterbox{font-size:2.25rem;min-height:70px}}@media only screen and (min-width:1024px){.letter-grid .row{display:flex}.letter-grid .row .letterbox{font-size:2.5rem;height:70px;width:70px}}@media only screen and (min-width:1400px){.game-wrap{justify-content:center}.letter-grid{gap:.75rem;margin:auto}.letter-grid .row{display:flex;gap:.75rem}.letter-grid .row .letterbox{font-size:3.75rem;height:80px;width:80px}}@media only screen and (min-width:1900px){.letter-grid,.letter-grid .row{gap:1rem}.letter-grid .row .letterbox{font-size:4.5rem;height:85px;width:85px}}@media only screen and (min-width:2200px){.letter-grid,.letter-grid .row{gap:1.5rem}.letter-grid .row .letterbox{font-size:6.5rem;height:120px;width:120px}}
/*# sourceMappingURL=main.659d91eb.css.map*/