@keyframes shake{0%{transform:translatex(0)}20%{transform:translatex(-10px)}40%{transform:translatex(10px)}60%{transform:translatex(-10px)}80%{transform:translatex(10px)}to{transform:translatex(0)}}.shake{animation:shake .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;height:auto;justify-content:center}.App,body,html{background-color:pink}body,html{height:100%}.page-container{display:flex;justify-content:center;min-height:85vh;padding:1rem;width:100%}.nav{align-items:stretch;background-color:#fe9f47;color:#000;display:flex;gap:2rem;height:10vh;justify-content:space-between;padding:0 1rem}.nav-logo{width:clamp(8rem,10vw,25rem)}.nav ul{display:flex;font-family:Kanit,sans-serif;font-size:clamp(1.5rem,3vw,4rem);gap:1rem;list-style:none;margin:0;padding:0}.nav .nav-link,.nav-logo{align-items:center;color:inherit;display:flex;height:100%;padding:.25rem;text-decoration:none}.nav a:hover{background-color:bisque}footer{background-color:#fe9f47;bottom:0;display:flex;height:5vh;justify-content:center;width:100%}footer p{font-family:Kanit,sans-serif;font-size:clamp(1rem,2vw,3rem);gap:2rem;margin:0;padding:0}.home-container,footer p{align-items:center;display:flex;text-align:center}.home-container{background-color:#55bded;border-radius:20px;flex-direction:column;justify-content:center;width:95%}.top-10-logo{padding:1rem 0;width:clamp(17rem,35vw,80rem)}.home-link{color:#fff;display:inline-block;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,3vw,8rem);padding:1rem;text-decoration:none;transition:transform .3s ease,color .3s ease}.home-link:hover{color:#000;transform:scale(1.1)}.categories,.how-to-play,.random-list{border-radius:30px;box-shadow:6px 4px #00000080;color:inherit;margin:.5rem 0;width:clamp(10rem,80vw,120rem)}.categories{background-color:#f85e47}.random-list{background-color:#8cd98c}.how-to-play{background-color:#fe9f47;margin-bottom:1rem}.how-to-play-container{align-items:center;background-color:#55bded;border-radius:50px;display:flex;flex-direction:column;width:80%}.how-to-play-container h1{font-family:Pixelify Sans,sans-serif;font-size:clamp(3rem,5vw,8rem);margin-top:1rem}.how-to-scores{display:flex;flex-direction:column;font-family:Kanit,sans-serif;gap:1rem;margin:1rem 2rem 2rem;text-align:start;width:95%}.how-to-scores h3{font-size:clamp(1.5rem,2vw,3rem)}.how-to-scores p{font-size:clamp(1rem,1.5vw,4rem)}.how-to-back-button{background-color:#f85e47;border-radius:70px;box-shadow:6px 4px #00000080;color:#fff;font-family:Kanit,sans-serif;font-size:clamp(1.5rem,3vw,5rem);margin-bottom:1rem;padding:1rem;transition:transform .3s ease,color .3s ease}.how-to-back-button:hover{color:#a98e8e;cursor:pointer;transform:scale(1.1)}@media(max-width:768px){.how-to-play-container{text-align:center;width:90%}}.player-setup-container{align-content:center;align-items:center;background-color:#55bded;border-radius:50px;display:flex;flex-direction:column;height:auto;padding:1rem 2rem;text-align:center;width:80%}.player-setup-container h3{font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,5vw,3rem)}.player-setup-container form{align-items:center;display:flex;flex-direction:column}.player-setup-container h3{font-size:clamp(1rem,4vw,4rem)}.player-input{align-items:center;display:flex;gap:2rem;justify-content:center;margin:1rem 0;width:100%}.player-input input{border:2px solid #fff;border-radius:70px;font-size:clamp(1.5rem,2.5vw,6rem);height:clamp(1.25rem,6vh,10rem);text-align:center;width:clamp(12rem,25vw,40rem);width:60%}.add-player-button{font-size:clamp(1rem,3vw,4rem);padding:1rem 0;width:40%}.add-player-button,.start-game-button{background-color:#8cd98c;border-radius:70px;box-shadow:6px 4px #00000080;color:#fff;font-family:Pixelify Sans,sans-serif;transition:transform .3s ease,color .3s ease}.start-game-button{font-size:clamp(1rem,3vw,6rem);margin:1rem 0;padding:1rem}.added-player{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:2rem 0}.added-player p{font-family:Pixelify Sans,sans-serif;font-size:clamp(2rem,5vw,7rem)}.remove-player-button{background-color:#f85e47;border-radius:70px;box-shadow:6px 4px #00000080;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,3vw,5rem);padding:1rem;transition:transform .3s ease,color .3s ease}.add-player-button:hover,.start-game-button:hover{color:#a98e8e;cursor:pointer;transform:scale(1.1)}.remove-player-button:hover{color:#a98e8e;cursor:pointer}.player-alert{background-color:#e4adad;border:2px solid #433;border-radius:70px;color:#f85e47;display:flex;font-family:Pixelify Sans;justify-content:center;padding:1rem 2rem}.player-alert p{font-size:clamp(1rem,3vw,4rem)}@media(max-width:559px){.player-input{align-items:center;flex-direction:column;gap:.5rem}.player-input input{width:80%}.player-input .add-player-button{width:60%}.player-setup-container{width:95%}.player-setup-container form{width:100%}.start-game-button{padding:1rem}}@media(max-width:425px){.remove-player-button{padding:.5rem}.player-input input{width:100%}}.category-heading{font-family:Pixelify Sans;font-size:clamp(1rem,5vw,6rem);padding:.5rem 0}.background-container{align-items:center;background-color:#55bded;border-radius:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;width:75%}.category-button{background-color:#8cd98c;border-radius:50px;box-shadow:6px 4px #00000080;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:clamp(1rem,2vw,10rem);margin:1rem;padding:1.5rem;transition:all .3s ease;width:66%}.category-button:hover{color:#000;cursor:pointer;transform:scale(1.1)}.selected-category-container{display:flex;flex-direction:column;font-family:Pixelify Sans,sans-serif;font-size:clamp(1rem,2vw,8rem);padding:.5rem}.selected-category{color:#fff;font-size:clamp(1rem,2.5vw,10rem);padding-left:.5rem}.next-page-button{background-color:#f85e47;border-radius:60px;box-shadow:6px 4px #00000080;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:clamp(.75rem,3vw,6rem);margin-bottom:1rem;padding:1rem;transition:transform .3s ease,color .3s ease}.next-page-button:hover{color:#a98e8e;cursor:pointer;transform:scale(1.1)}@media(max-width:1300px){.background-container{width:75%}}@media(max-width:700px){.background-container{width:90%}}@media(max-width:500px){.category-button{width:80%}}@media(max-width:370px){.category-button{font-size:.75rem}}.gamespace-container{align-items:center;background-color:#55bded;gap:1rem;justify-content:center;width:100%}.game-area,.gamespace-container{border-radius:20px;display:flex;padding:1rem}.game-area{background-color:#8cd98c;flex-direction:column;width:75%}.question-container{font-family:Kanit,sans-serif;font-size:clamp(.75rem,2vw,3rem);text-align:center}.input-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:100%}.guess-input{border:2px solid #fff;border-radius:70px;font-size:clamp(1.5rem,4vw,5rem);margin:1rem 0;text-align:center}.button-container{display:flex;gap:1rem;width:100%}.give-up-button,.hint-button,.play-again-button,.return-home-button,.submit-answer-button{border-radius:70px;box-shadow:6px 4px #00000080;color:#fff;cursor:pointer;font-family:Pixelify Sans,sans-serif;font-size:clamp(.75rem,2vw,4rem);margin-bottom:2rem;padding:.5rem;transition:transform .3s ease,color .3s ease;width:33%}.submit-answer-button{background-color:#fe9f47}.hint-button{background-color:#55bded}.give-up-button{background-color:#f85e47}.play-again-button,.return-home-button{background-color:#55bded;margin-top:1rem}.gamespace-player-alerts{background-color:#e4adad;border:2px solid #433;border-radius:70px;color:#000;display:flex;font-family:Pixelify Sans;justify-content:center;padding:1rem 2rem}.game-list-container{text-align:center}.list-item-container{background-color:#f85e47;border-radius:20px;box-shadow:6px 4px #00000080;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,2vw,6rem);list-style-position:inside;margin:.5rem 0;padding:.5rem}.end-of-game-buttons-container{display:flex;gap:1rem;justify-content:center}.hint{color:#55bded}.unguessed{color:#fff}.scores-and-guesses-container{display:flex;flex-direction:column;font-family:Kanit;gap:2rem;width:25%}.scores-and-guesses-container h2{font-size:clamp(1.5rem,3vw,5rem);text-align:center}.scores-container{background-color:#f85e47;border-radius:20px;box-shadow:6px 4px #00000080;padding:1rem}.player-score{align-items:center;border-radius:20px;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem}.player-name{font-family:Pixelify Sans;font-size:clamp(1.5rem,2.5vw,6rem)}.score-data{font-size:clamp(1.25rem,2vw,2.5rem)}.incorrect-guesses-container{background-color:#fe9f47;border-radius:20px;box-shadow:6px 4px #00000080;font-size:clamp(1rem,2vw,2.5rem);padding:1rem;text-align:center}.incorrect-guesses-container ul{list-style:none}@media(max-width:1200px){.game-area{width:65%}.scores-and-guesses-container{width:35%}}@media(max-width:768px){.gamespace-container{flex-direction:column}.game-area{width:100%}.guess-input{margin:1rem 0}.give-up-button,.hint-button,.play-again-button,.return-home-button,.submit-answer-button{margin-bottom:1rem}.scores-and-guesses-container{flex-direction:row;gap:1rem;width:100%}.incorrect-guesses-container,.scores-container{width:50%}}@media(max-width:525px){.scores-and-guesses-container{flex-direction:column}.game-area,.incorrect-guesses-container,.input-container,.scores-container{width:100%}}.contact-us-title-container{font-family:Kanit;text-align:center}.contact-us-form,.contact-us-title-container{align-items:center;display:flex;flex-direction:column;width:80%}.contact-us-form{font-size:clamp(1rem,3vw,4rem);font-weight:700;padding:1rem 0}.contact-us-title-container p{font-size:clamp(1rem,2vw,2rem)}.contact-us-title-container h1{font-size:clamp(2rem,4vw,8rem)}.contact-us-form input,.message-input{border:solid #fff;border-radius:20px;font-size:clamp(1rem,2vw,5rem);padding:.5rem}.email-input,.name-input{font-size:clamp(1rem,3vw,1.5rem);margin-bottom:1rem;text-align:center;width:50%}.message-input{height:25vh;margin-bottom:1rem;padding:.5rem;width:100%}.contact-submit-button{background-color:#ccc7c7;border:2px solid #000;border-radius:30px;cursor:pointer;font-size:clamp(2rem,3vw,8rem);padding:1rem}.contact-submit-button:hover{background-color:grey;color:#fff}.email-success{background-color:#8cd98c}.email-failure,.email-success{border:3px solid #000;border-radius:20px;font-size:clamp(1rem,3vw,2rem);padding:1rem 0;width:90%}.email-failure{background-color:#f85e47;text-align:center}@media(max-width:767px){.contact-us-form,.email-input,.name-input{width:100%}}
/*# sourceMappingURL=main.454e90a4.css.map*/