@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:url(/static/media/bg.047c30a990b0a5f796e8.png) no-repeat 50%/cover;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fd7b00;border-radius:5px;-webkit-transition:.5s;transition:.5s}::-webkit-scrollbar-thumb:hover{background:#fd3300}:root{font-size:18px;scroll-behavior:smooth}@media(max-width:992px){:root{font-size:18px}}@media(max-width:768px){:root{font-size:16px}}@media(max-width:596px){:root{font-size:14px}}#root{min-height:100dvh}.engaged-count{color:#fff;flex-direction:column;font-size:4rem;font-weight:700;gap:10px;min-height:calc(100dvh - 180px)}.engaged-count,.header-container{align-items:center;display:flex;justify-content:center}.header-container{padding:15px}.header-container img{max-width:250px}.game-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;gap:25px;justify-content:center;margin-inline:auto;max-width:1000px;min-height:calc(100dvh - 180px);padding-top:50px}.game-container .question-container{animation:appearUp .75s ease-in;animation-fill-mode:both;margin:25px;max-width:500px;opacity:0;overflow:hidden;position:relative;transform:scale(0);transition:transform .2s ease-out .15s,opacity .2s ease-out .15s}.game-container .question-container.visible{opacity:1;transform:scale(1)}.game-container .question-container p{--size:1.8rem;align-items:center;display:flex;font-size:var(--size);inset:0;justify-content:center;padding:var(--size);padding-inline-start:calc(var(--size) + 10px);position:absolute}@media(max-width:596px){.game-container .question-container p{--size:1rem}}.game-container .question-container img{width:100%}.game-container .answers-container{display:flex;flex-direction:column;gap:25px;justify-content:space-around;padding:25px;width:100%}.game-container .answers-container .answer-button{animation:appearUp .75s ease-in;animation-fill-mode:both;background:linear-gradient(270deg,#fd3300,#fd7b00);border:3px solid #fff;border-radius:30px;cursor:pointer;font-size:1rem;margin-inline:auto;opacity:0;padding:15px 30px;position:relative;text-align:center;transform:scale(0);transition:transform .2s ease-out .15s,opacity .2s ease-out .15s;width:clamp(100px,100%,200px)}.game-container .answers-container .answer-button.visible{opacity:1;transform:scale(1)}.game-container .answers-container .answer-button span{align-items:center;aspect-ratio:1/1;background:#fff;border-radius:50%;bottom:0;color:#fd3300;display:flex;justify-content:center;left:0;padding:10px;position:absolute;top:0}.game-container .answers-container .answer-button.true{border-color:#8cffc6}.game-container .answers-container .answer-button.true span{background:#8cffc6;color:#fff}.game-container .answers-container .answer-button.wrong{border-color:#dc3545}.game-container .answers-container .answer-button.wrong span{background:#dc3545;color:#fff}@keyframes appearUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes appearLeft{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.2a7db172.css.map*/