@import"https://fonts.googleapis.com/css2?family=Poppins&family=Rubik+Mono+One&display=swap";.home-page{display:flex;align-items:center;justify-content:center;width:100%;height:100svh;background-color:var(--secondary)}.home-cta{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.5rem;width:80%}.home-heading{font-family:Rubik Mono One;font-size:4.75rem;text-align:center;color:var(--white)}.play-button{font-family:Poppins;font-weight:700;font-size:1.5rem;background-color:var(--tertiary);color:var(--white);border:3.5px solid var(--tertiary);border-radius:.5rem;padding:.5rem 2rem;cursor:pointer;transition:all .3s ease-in-out}.play-button:hover{background-color:var(--white);color:var(--tertiary);border:3.5px solid var(--tertiary)}.play-audio{background-color:transparent;border:none;cursor:pointer}.word-wrapper{display:flex;width:fit-content;gap:.5rem}.letter{display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:Poppins;font-weight:700;color:var(--tertiary);background-color:#ececec;width:40px;aspect-ratio:1;border:1px solid #2222;border-radius:.5rem;text-transform:uppercase}.hide{visibility:hidden}.show{visibility:visible}.loader{display:flex;align-items:center;justify-content:center}.loader:after{content:"";width:35px;height:35px;border:8px solid #ddd;border-top-color:var(--primary);border-radius:50%;animation:spin .75s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sticker-container{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:165px;gap:1rem;padding:1rem;border-radius:.5rem;background-color:var(--white)}.toast-statement{font-family:Poppins;font-weight:700;font-size:1rem;color:var(--tertiary);text-transform:capitalize}.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.animatedFadeInUp{opacity:0}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0)}to{transform:translateZ(0);opacity:1}}#side-pannel{display:flex;width:100%;align-items:center;justify-content:space-around;flex-wrap:wrap}#words{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;width:80%;max-height:350px;gap:1.75rem;padding:1.5rem;overflow:auto}#words::-webkit-scrollbar{width:0px;height:0px}#words::-webkit-scrollbar-track{background:#f1f1f1}#words::-webkit-scrollbar-thumb{background:#888}#words::-webkit-scrollbar-thumb:hover{background:#555}#input-boxes,#input-choices{display:flex;justify-content:center;width:100%;gap:1rem;min-height:50px}#cta-buttons{display:flex;gap:1.5rem}.play-page{display:flex;align-items:center;justify-content:center;width:100%;height:100svh;background-color:var(--primary)}.play-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:80%;margin:auto;padding:1rem;gap:1.5rem}.play-heading{font-family:Poppins;font-weight:700;font-size:1rem;text-align:center;color:#fff}.play-score,.play-time{font-family:Poppins;font-weight:700;font-size:1rem;color:#fff}.input-box,.choice-box{display:flex;align-items:center;justify-content:center;width:50px;aspect-ratio:1;cursor:pointer;border:2px solid white;border-radius:.5rem;background-color:transparent;transition:transform .3s ease-in-out;text-transform:uppercase}.choice-box:hover{transform:translateY(-5px)}.fill{font-family:Poppins;font-size:1rem;font-weight:500;background-color:#005b9c;color:var(--white)}.wrong-input{border:2px solid var(--tertiary);animation:horizontal-shaking .35s linear forwards}.choice-box:disabled{cursor:not-allowed;opacity:.5}.choice-box:disabled:hover{transform:translateY(0)}.cta-button{font-size:1rem;font-family:Poppins;font-weight:700;cursor:pointer;background-color:#574e24}.generic{background-color:var(--tertiary);color:#fff;border:2px solid var(--dark-orange);padding:.5rem 1.5rem;border-radius:.5rem;transition:all .3s ease-in-out}.generic:hover{background-color:var(--white);color:var(--tertiary);border:2px solid var(--tertiary)}.proceed{position:absolute;bottom:50px;right:50px;background-color:var(--secondary);color:var(--white);border:1px solid var(--secondary);padding:.5rem 1.5rem;border-radius:.5rem;transition:all .3s ease-in-out}.proceed:hover{background-color:var(--white);color:var(--secondary);border:1px solid var(--secondary)}.solved{font-weight:700;color:green;visibility:hidden}.generic:disabled{cursor:not-allowed;opacity:.5}.generic:disabled:hover{background-color:var(--tertiary);color:#fff;border:2px solid var(--dark-orange)}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.gameover-page{display:flex;align-items:center;justify-content:center;width:100%;height:100svh;background-color:var(--primary)}.gameover-heading{font-family:Rubik Mono One;font-size:4.75rem;text-align:center;color:var(--white)}.gop-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.gameover-paragraph{font-family:Poppins;color:var(--white)}.gop-cta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.gop-cta-btn{font-family:Poppins;font-weight:700;font-size:1rem;background-color:var(--tertiary);color:var(--white);border:3.5px solid var(--tertiary);border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .3s ease-in-out}.gop-cta-btn:hover{background-color:var(--white);color:var(--tertiary);border:3.5px solid var(--tertiary)}.volume-btn{font-size:1rem;color:var(--white);position:absolute;top:20px;right:20px;background-color:transparent;border:none;cursor:pointer}:root{--primary: #1a8fe3;--secondary: #f1b236;--tertiary: #ff9900;--white: white;--black: black;--dark-orange: #f17105}*{margin:0;padding:0;box-sizing:border-box}