@charset "utf-8";
/* 오버워치 영웅 퀴즈 */
.question {
	display: flex; /* 또는 display: block; */
    justify-content: center; /* 수평 중앙 정렬 */
    text-align: center; /* 텍스트 중앙 정렬 */
	align-items:center;
	margin: 20px 10px;
	flex-wrap: wrap; 
    border-radius: 8px;
    background: #f8f9fa;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
}
.options {
	gap: 10px;
    display: flex; /* 또는 display: block; */
    justify-content: center; /* 수평 중앙 정렬 */
    text-align: center; /* 텍스트 중앙 정렬 */
	align-items:flex-start;
	width: 95%;
	max-width: 600px;
	margin: 20px auto;
	flex-wrap: wrap; 
}
.option {
    flex: 1 1 40%;
	padding: 12px;
	border: 2px solid #dee2e6;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s;
}
.option:hover {
	background: #e9ecef;
	transform: translateY(-2px);
}
.correct {
	background: #d4edda !important;
	border-color: #c3e6cb;
}
.wrong {
	background: #f8d7da !important;
	border-color: #f5c6cb;
	padding-right: 5px;
	padding-left: 5px;
}
#result {
	border-radius: 5px;
    display: flex; /* Change display to flex */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
	padding-right: 5px;
	padding-left: 5px;
}