.primary-button-pulse{animation:pulse 1.4s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.home-icon{font-family:Material Symbols Outlined;font-size:4rem;color:#4caf50}.progress-bar{position:fixed;bottom:0;left:0;height:4px;width:0;background-color:#004aad}.player-answers-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 1rem}.player-answer-button{background-color:#004aad;border:none;color:#fff;padding:1rem;text-align:center;cursor:pointer;font-family:Montserrat;font-weight:700;font-size:16px;border-radius:10px;width:100%;transition:all .3s ease;transform:translateY(300px);animation:slide-up .6s forwards}.player-answer-button:hover{transform:scale(1.05)!important}.info-container>h2,h3{opacity:0;animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-answers-container button:nth-child(1){animation-delay:.15s}.player-answers-container button:nth-child(2){animation-delay:.3s}.player-answers-container button:nth-child(3){animation-delay:.45s}.player-answers-container button:nth-child(4){animation-delay:.6s}.player-answer-button.correct{background-color:#4caf50}.player-answer-button.incorrect{background-color:#f44336}.player-answer-button.correct-not-selected{background-color:#4caf50;transform:scale(.9)!important;opacity:.7}.player-answer-button.selected{transform:scale(1.05)!important;box-shadow:0 0 10px #0000004d}.player-answer-button.not-selected{transform:scale(.9)!important;font-size:1rem;cursor:not-allowed;background-color:#004badc4}span{color:#708090;font-size:smaller;font-family:Montserrat;margin-top:.5rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}body,textarea{box-sizing:border-box;margin:0;padding:0}html{overflow-y:hidden}.container{margin:0 auto;max-width:320px;display:flex;flex-direction:column;height:100svh;justify-content:end;align-items:center}.centralized-container{width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{padding:1rem;display:flex;flex-direction:row;width:100%;justify-content:space-around}.header-button{font-family:Material Symbols Outlined;background-color:#004aad;width:3rem;height:3rem;border:none;color:#fff;text-align:center;cursor:pointer;border-radius:10px;font-size:24px}.info-container{width:100%;padding:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:center}h2{font-family:Montserrat;font-size:2rem}h3{font-weight:400;margin:0;font-family:Montserrat;font-size:1.5rem}p{margin-top:1rem;font-family:Montserrat;font-size:1.2rem;text-align:center}.primary-button{background-color:#004aad;border:none;color:#fff;padding:1rem;text-align:center;cursor:pointer;font-family:Montserrat;font-weight:700;font-size:16px;border-radius:10px}.action-container{min-height:40%;width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;padding:1rem;transform:translateY(300px);animation:slide-up .6s forwards}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}textarea{width:100%;padding:1rem;border-radius:10px;border:2px solid;font-family:Montserrat;font-size:1.2rem}.spinner{border:.5rem solid #f3f3f3;border-top:.5rem solid #004aad;border-radius:50%;width:4rem;height:4rem;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
