@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-image:url('https://edunova.pro/icon/bk2.jpg');
	background-attachment: fixed;
	background-position:center;
	background-size:cover;
}
#whole_body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:varela;
	font-size:24px;
	color:white;
}
#a{
	width:100%;
	height:50px;
	background-color:#FFC90E;
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
}
#a_1{
	border:none;
	height:50px;
	text-align:left;
	padding-left:20px;
	align-items:center;
	align-content: center;
}
#a_2{
	display:flex;
	flex-direction:row;
	align-items:center;
	align-content:center;
	color:white;
	font-size:24px;
	height:50px;
	margin-right:20px;
}
#b{
	width:100%;
	height:calc(100vh - 60px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#b_0{
	width:40%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background: rgba(0,0,0,0.8);
	color:white;
	font-size:24px;
	padding:20px;
	border-radius:10px;
	line-height:2;
	text-align: center;
}
#b_0_1{
	display:flex;
	flex-direction:row;
	justify-content: center;
}
#b_0_2{
	display:flex;
	flex-direction:row;
	justify-content: center;
}
#b_0_3{
	display:flex;
	flex-direction:row;
	justify-content: center;
}
#b_0_4{
	display:flex;
	flex-direction:column;
	justify-content: center;
	width:auto;
}
#dcx_inp_acc{
	border: 1px solid #4d4d4d;
	border-radius:5px;
	outline: none;
	font-size:24px;
	font-family: varela;
	height:30px;
	color:white;
	background: rgba(0,0,0,0.5);
}
#dcx_inp_pwd{
	border: 1px solid #4d4d4d;
	border-radius:5px;
	outline: none;
color:white;
	font-size:24px;
	font-family: varela;
	height:30px;
	background: rgba(0,0,0,0.5);	
}
#dcx{

	border: 1px solid #4d4d4d;
	border-radius:5px;
	outline: none;
color:white;
	font-size:24px;
	font-family: varela;
	height:30px;
	background: rgba(0,0,0,0.5);
}
#fcx{
	margin-right:30px;
}
option{
	background:#00023D;
}
#a_x_0{
	color:white;
	font-size:16px;
}
#b_0_4_0{
	background:transparent;
}
#b_0_4_0_0{
	background-image:linear-gradient(to right,#00023d,#75163D);
	width:auto;
	border-radius: 10px;
	color:white;
	font-size:24px;
	font-family:varela;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:none;
	outline: none;
	transition:0.5s;
}
#b_0_4_0_0:hover{
	background-image:linear-gradient(to right,#3A083E,#00a2e8);
	width:auto;
	border-radius: 10px;
	color:white;
	font-size:24px;
	font-family:varela;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:none;
	outline: none;
	transition:0.5s;
}
#a_x{
	font-size:24px;
	font-family: varela;
	color:white;
	text-decoration:none;
	transition:0.5s;
}
#a_x:hover{
	font-size:24px;
	font-family: varela;
	color:white;
	text-decoration:underline;
	transition:0.5s;
}
#mobile_body{
	display:none;
}