/* 전체 */
body {

	width: 80px;
	resize: none;
	margin: 0;
	padding: 0;
	background: #0f0c29;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

footer {
	margin: 0;
	padding: 0;
    font-family: 'GongGothicLight';
}

/* 상단 */
header{ text-align: center; }


article {
    display: flex;
    flex-direction: column;
}

* {
	box-sizing: border-box;
}

/* 시작화면 */
.start{
	font-family: 'MapoDPPA';
}

.question {
    display: none;
    font-family: 'Cafe24SsurroundAir';
}

.start-btn{
	border: #5b4937 5px solid;
	border-radius: 3em 3em 3em 3em;
	height: 100%;
	background-color: #dca616;
	color: black;
	
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.start-btn:hover {
	border: #5b4937 5px solid;
	height: 100%;
	border-radius: 3em 3em 3em 3em;
	background-color: #dca616;
	
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	filter: drop-shadow(5px 5px 5px);
}

* {box-sizing: border-box;}
.mySlides {display: none;}

.img {vertical-align: middle;}


/* 버튼 */
.btn, .btn:visited, .btn:hover, .btn:active, .btn:focus {
    background-color: #afd3a8;
    border:#afd3a8;
    margin: 0 auto;
    color: #000000;
	border-radius: 5px 5px 5px 5px;}

.btn:hover {
    background-color: #A2E151 !important;
    border:#afd3a8 !important;
    margin: 0 auto;
    color: #000000;
}

#nodot{
	font-family: 'MapoDPPA';
	color: white;
}

#progress{
	color: white;
}

/* 로딩화면 */
.load {
    display: none;
}

.questionmrk{
	position: relative;
	transform: translate(45%, -500%);
	-moz-animation: bounce 0.5s infinite linear;
	webkit-animation: bounce 0.5s infinite linear;
	-o-animation: bounce 0.5s infinite linear; animation: bounce 0.5s infinite linear;
}

@-webkit-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } }
@-moz-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } }
@-o-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } }
@keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; }}



@font-face {
    font-family: 'MapoDPPA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#A{
	font-weight: bold;
}

#B{
	font-weight: bold;	
}

#subtitle{
	font-size: 10px;
	color: white;
	transform: translateX(-50%);
}