@charset "UTF-8";
/* CSS Document */

body {
	background-color:lightsteelblue;
}

#header {
	width:50vw;
	height:20vh;
	margin:auto;
	margin-top:2vh;
	background-color:mediumvioletred;
	margin-bottom:-2vh;
}
h1 {
	width:30%;
	margin-left:5%;
}
img {
	width:100%;
	margin-top:3vh;
	margin-bottom:-14vh;
}
h2 {
	float:right;
	width:55%;
	font-size:1.4vw;
	text-align:right;
	margin-right:4%;
	margin-bottom:1vh;
	color:white;
	font-family: astoria-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#scrollbox {
	width:50vw;
	height:75vh;
	margin:auto;
	background-color:white;
	overflow-y:scroll;
	padding-bottom:1vh;
}

h3 {
	margin-bottom:4vh;
	margin-left:3vw;
	margin-top:5vh;
	font-family: astoria-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:1.6vw;
}

.question {
	clear:both;
	margin-bottom:-2.5vh;
	margin-left:4vw;
}
.num {
	float:left;
	background-color:mediumvioletred;
	width:4vh;
	height:4vh;
	border-radius:100%;
	text-align:center;
	line-height:4.2vh;
	font-size:1vw;
	font-family: astoria-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:white;
}
h4 {
	margin-left:3vw;
	line-height:4vh;
	font-size:1.2vw;
	font-family: astoria-sans, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.answer {
	padding-bottom:9.7vh;
	margin-left:7vw;
}
h5 {
	margin-top:-4vh;
}
p {
	background-color:aliceblue;
	margin-left:0.1vw;
	width:1.4vw;
	height:1.8vw;
	line-height:1.8vw;
	float:left;
	color:aliceblue;
	font-family: astoria-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	font-size:1.2vw;
}
h6 {
	margin-top:-2.5vh;
	margin-bottom:2.5vh;
	font-family: astoria-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1vw;
}

.parta {
	margin-bottom:-4vh;
}
.half {
	float:left;
	margin-top:2vh;
	margin-right:2vw;
}

ul {
	list-style-type:none;
	margin-left:-0.5vw;
	margin-bottom:-6vh;
}
.check {
	background-color:white;
	border:0.2vw solid black;
	width:3vh;
	height:3vh;
	margin-left:-2vw;
	margin-top:2vh;
	color:white;
	font-family: astoria-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:1.4vw;
	text-align:center;
	line-height:3.3vh;
}
li {
	line-height:2vh;
	margin-top:-2.7vh;
	margin-left:0.5vw;
	font-family: astoria-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.1vw;
}

.faketextarea {
	width:38vw;
	color:white;
	margin-bottom:-4vh;
	border:0.1vw solid black;
	padding:0.5vw;
	font-family: astoria-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1vw;
}

::-webkit-scrollbar {
  width:10px;
}
::-webkit-scrollbar-track {
  background:aliceblue;
}
::-webkit-scrollbar-thumb {
  background:mediumvioletred;
}

i {
	font-weight:400;
}
#thankyou {
	color:white;
}