@charset "utf-8";
html{
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-style: sans-serif;
}
body{
	width: 100%;
	height: 100%;
	font-family: 'Open Sans',sans-serif;
	margin: 0;
	background-color: #4A374A;
}
.background-v{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background-v img{
	position:absolute;
	top: 0;
	left: 0;
	z-index: -9999;
	display: flex;
	width: 100%;
	height: 100%;
	object-fit:fill;
}

.background-v video{
	position:absolute;
	top: 0;
	left: 0;
	z-index: -9999;
	display: flex;
	width: 100%;
	height: 100%;
	object-fit:fill;
}

.login{
	position: absolute;
	z-index: 1;
	top: 55vh;
	left:10vw;
	margin: auto;
	bottom: 0;
	width: 90%;
	height: 100%;
	overflow: hidden;
	display: block;
	background: rgba(20,20,20,0.0);
}
.login h1{
	color: #f0f0f0;
	text-align: left;
}
.login h2{
	color: #f0f0f0;
	text-align: left;
}
h1{
	font-size: 2vmax;
	margin: 0.6vh 0;
	text-shadow:0 0 1vh;
	letter-spacing: 0.1vh;
}
h2{
	font-size: 1.5vmax;
	margin: 0.6vh 0;
	letter-spacing: 0.1vh;
}
form{
	text-align: center;
}
input{
	width: 18vh;
	height: 2vh;
	margin-bottom: 1vh;
	outline: none;
	padding: 1vh;
	font-size: 1.5vh;
	color: #f0f0f0;
	border-radius: 2vh;
	background-color: #2D2D3F;
	border: 0.1vh solid #3762bc;
	caret-color: #f0f0f0;
}
.but{
	width: 10vh;
	min-height: 2vh;
	background-color: #4a77d4;
	border: 0.1vh solid #3762bc;
	color: #f0f0f0;
	padding: 1vh 1.5vh;
	font-size: 1.5vh;
	line-height: normal;
	border-radius: 2vh;
	margin: 0;
}

.footer{
	position:absolute;
	z-index: 1;
	bottom:0;
	width:100%;
	height:5vw;
	font-size: 1vw;
	color: #f0f0f0;
	background: rgba(0,0,0,0.0);
	text-align:center;
}

.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active{
    color: #f0f0f0;
}