@font-face{
	src:url(text/vvr.ttf) format('truetype');
        font-family:varela;
        font-display:swap;
}
*,html{
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:varela;
	font-size:24px;
	color:white;
	background:black;

}
#whole_body{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
}
#a{
	height:50px;
	width:100%;
	background:#FFC90E;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
#a_1{
	margin-left:20px;
	height:50px;
	align-content:center;
	align-items:center;
}
#a_2{
	margin-right:20px;
	height:50px;
	align-content:center;
	align-items:center;
}
#b_1{
	justify-content:center;
	text-align: center;
	font-size:48px;
}
#b_1_0{
	color:white;
	line-height:1.6;
	font-weight:bold;
}
#b_1_1{
	line-height:1.7;
	font-size:20px;
	margin-left:25px;
	color:#00a2e8;
	align-content:center;
	align-items:center;
}
#b_1_2{
 line-height:1.7;
	font-size:20px;
	color:#ffffff;	
}
#b_0{
	color:white;
	text-align: center;
	padding-bottom:20px;
	padding-top: 20px;
	font-size:48px;
}
#b{
	margin-left:10%;
	margin-right:10%;
	width:80%;
	padding-bottom:200px;
}
#b_2{
	display:flex;
	flex-direction:row;
	align-content:center;
	align-items:center;
}
#b_2_0{
	margin-left:50px;

}
#b_3{
	display:flex;
	flex-direction:column;
}
#b_3_1{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	justify-items:space-evenly;
}
#b_3_1_0{
	margin-left:15px;
	margin-right: 15px;
	border-radius:10px;
	padding:20px;
	margin-top:20px;
	display:flex;
	flex-direction:row;
	align-items:center;
	align-content:center;
	text-align: left;
	background:#f1e1e1;
	box-shadow: 0 4px 10px #00a2e8,0 4px 10px #75163F;
}

#b_3_1_1{
	margin-left:15px;
	margin-right: 15px;
	border-radius:10px;
	padding:20px;
	margin-top:20px;
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	align-content:center;
	text-align: left;
	background:#c3f4f1;
	box-shadow: 0 4px 10px #00a2e8,0 4px 10px #75163F;
}
#b_3_2{
	color:white;
	font-size:24px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}
#a_x{
	color:white;
	font-size:24px;
	text-decoration:none;
}
#a_x:hover{
	color:white;
	font-size:24px;
	text-decoration:underline;	
}
#b_4_1{
font-family:varela;
font-size:24px;
color:white;
padding:20px;
background:#0023F5;
border:none;
border-radius:10px;
text-decoration:none;
transition: 0.5s;
}

#b_4_1:hover{
	transition: 0.5s;
font-family:varela;
font-size:24px;
color:white;
padding:20px;
background:#00a2e8;
border:none;
border-radius:10px;
text-decoration:underline;
}
#b_4{

	justify-content:right;
	text-align:right;
	margin-right:50px;
}
#b_3_x{
	color:black;
	margin-left:30px;
}
#b_3_2_0{
	display:flex;
	flex-direction:column;
	text-align: center;
}