*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:Be Vietnam Pro,serif}button,input{outline:none;border:none}.appContainer{width:100%;height:100vh;background-image:url(/Country-Quiz-DevChanllenges/assets/bg-zMhCxfEr.webp);display:flex;justify-content:center;align-items:center}.appContainer *{color:#e2e4f3}.startQuizContainer{width:410px;height:400px;background-color:#343964;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.congratsImg{width:90%;height:100px;background-image:url(/Country-Quiz-DevChanllenges/assets/congrats-CW10IVL3.png);background-position:center;background-repeat:no-repeat;background-size:contain;margin-top:30px}.pContainer>p{margin-top:20px;width:300px;font-size:24px;text-align:center}.startQuizContainer>p:nth-child(3){font-weight:400;font-size:16px;margin-top:30px}.questionsComponent{width:800px}.btnComponent{font-size:16px;font-weight:600;width:240px;height:55px;background-color:#393f6e;border:none;border-radius:10px;margin-top:30px;cursor:pointer}.btnComponent:hover{background:linear-gradient(#e65895,#bc6be8)}.questionsAnswerContainer{width:100%;height:400px;background-color:#343964;border-radius:10px;display:flex;flex-direction:column;align-items:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-weight:500}.scoreContainer{display:flex;align-items:center;background:linear-gradient(#e65895,#bc6be8);padding:8px 13px;border-radius:16px}.imgTrophy{width:20px;height:20px;margin-right:4px;background-image:url(/Country-Quiz-DevChanllenges/assets/trophy-CbcuOjgq.webp);background-position:center;background-repeat:no-repeat;background-size:contain}.numberQuestionsContainer{display:flex;justify-content:center;gap:8px}.question{font-size:22px;margin-top:30px;width:390px;text-align:center}.answerContainer{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;row-gap:20px;column-gap:30px;margin-top:30px}.circleNumber{width:40px;height:40px;background:#393f6e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:50px;cursor:pointer}.btnAnswer{width:220px;height:50px;background:#393f6e;border-radius:10px;cursor:pointer;display:flex;justify-content:center;align-items:center}.btnAnswer:hover{background:linear-gradient(#e65895,#bc6be8)}.ImgOnBtn{margin-left:5px;width:20px;height:20px}@media (max-width: 1023px){.questionsComponent{width:80%}}@media (max-width: 623px){.questionsComponent{width:80%;height:auto}.header h1{font-size:22px}.answerContainer{display:flex;flex-direction:column}.btnAnswer{width:400px}.questionsAnswerContainer{height:auto;padding-bottom:10px}}