.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.question-text {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f3f3f3; /* 배경색 설정 */
}
.quiz-container {
    width: 80%; /* 뷰포트 너비의 80%를 사용 */
    max-width: 600px; /* 최대 너비 설정 */
    margin: auto; /* 좌우 마진 자동으로 설정하여 중앙 정렬 */
    padding: 20px; /* 내용과 경계 사이에 여백 추가 */
    box-sizing: border-box; /* 패딩과 테두리를 너비에 포함 */
}

.question, .question-img {
    margin-bottom: 10px;
}
.answers button {
    margin-right: 10px;
}
#timer {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#start {
    margin: 20px;
}
.question-img img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#result {
    display: none; /* 기본적으로 결과는 숨겨져 있습니다. */
    justify-content: center;
    align-items: center;
    height: 100vh; /* 전체 화면 높이를 차지합니다. */
    font-size: 24px; /* 결과 텍스트 크기를 조정합니다. */
    text-align: center;
}