@font-face{
	font-family: 'Bellota-LightItalic';
	src: url('../fonts/Bellota-LightItalic.otf');
}
@font-face{ 
	font-family: 'Bellota-BoldItalic';
	src: url('../fonts/Bellota-BoldItalic.otf');
}
html, body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #3498db;
}
form{
	text-align: center;
}
.wrapper{
	/*background-image: url("../images/backgrounds/google_form_2022.png");*/
	background-size: cover;
        background-color: #101248;
	background-position: bottom center;
	width: 100%;
	/*height: 100vh;*/
	min-height: 100vh;
	padding: 10px 0;
}
.login_box{
	font-family: 'Bellota-LightItalic', sans-serif;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 7%;
	width: 35%;
	background-color: #fff;
	border: 1px solid #EDEDED;
	border-radius: 7px;
	padding: 5px;
}
.login_box h2{
	text-align: center;
	color: #3498db;
}
.login_header{
	font-family: 'Bellota-LightItalic', sans-serif;
	width: 100%;
	height: 105px;
	background-color: #c1e8fb;
	color: #fff;
	text-align: center;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px; 
	background-image: url("../images/backgrounds/LsElardusparkHighRes.png");
	background-size: auto 107%;
        background-position: center center;
        background-repeat: no-repeat;
}
.login_header > h1{
	font-family: 'Bellota-BoldItalic', sans-serif;
	margin: 0;
	color: #632c96;
    text-shadow: #f9be7b 0.5px 0.5px 0;
	font-size: 190%;
}
input[type="submit"]{
	font-family: 'Bellota-BoldItalic', sans-serif;
	background-color: #3498db;
	padding: 5px 10px;
	border: 1px solid #3498db;
	border-radius: 3px;
	margin: 5px 0;
	color: #632c96;
    text-shadow: #f9be7b 0.5px 0.5px 0;
    font-size: 100%;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"]{
	border: 1px solid #e5e5e5;
	margin-top: 5px;
	width: 70%;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 5px;
}
select{
	width: 72%;
    padding: 9px 2px;
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
    color: #757575;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="tel"]:hover, select:hover{
	border-color: #3498db;
}
#first > a{
	display: block;
    text-align: center;
}
#second, #third {
	display: none;
}
@media only screen and (max-width: 425px) {
	input[type="submit"] {
	    padding: 10px 80px;
	}
	.wrapper{
		min-width: unset;
    	background-size: cover;
	}
	.login_box{
		top: 2%;
    	width: 90%;
	}
}