body {
	background-image: url(../assets/bg.png);background-size: cover;background-position: center;
	position:relative;
}
body::before {
	position:absolute;top:0;left:0;width:100%;height:100%;
	background: radial-gradient(rgba(21,24,51,.8), var(--c-bg));content: "";
}
form {
	width: 80%;margin-left:10%;margin-top: 20%;
}

form input, .submitit {
	position: relative;width: 100%;border-radius: 2vw;
	background-color: #080A16;padding: 0.5vw 1vw;
	font-size: 1.25vw;color: white;margin-bottom: 1.5vw;
	border: none;outline: none;
}
:placeholder {
	font-size: 1.25vw;color: var(--c-gray);
	font-family: 'Saira', sans-serif;
}
.submitit {
	color: var(--c-magenta);cursor: pointer;
	font-weight: 900;text-align: center;width: calc(100% - 2vw);
}
.showerror {
	text-align: center;display:block;position:relative;font-size: 2vw;color:red;
	font-weight: 400;
}



#lsc {
	background-image: url(../assets/chrens/loadbg.png);
}
#lsc img {
	position: absolute;bottom: 0;right:0;height: 100%;display:block;
}
.allloads {
	position:relative;margin-top: 10%;margin-left:5%;
	width: 60%;height: 70%;text-align: center;overflow: auto;
}
.allloads .title {
	display:block;text-align:left;font-weight:900;color:white;
	font-size: 2vw;padding: 0.5vw 0;position:relative;
}
.loadoptions {
	position:relative;display:inline-block;width: calc(30% - 2vw);
	margin: 0.5vw 0.5vw;background-color: var(--c-bg);text-align: center;
	padding: 2vw 1vw;color:white;font-size: 1.5vw;cursor:pointer;
	transition: all 0.2s ease-in-out;box-shadow: 0 0 0.5vw 0.05vw rgba(10,10,10,.6);
}
.loadoptions:hover {
	transform: scale(1.1);box-shadow: 0 0 1vw 0.05vw rgba(10,10,10,.6);
	background-color: var(--c-magenta);z-index: 200;
}
.goback {
	position:absolute;bottom:0;left:0;padding: .5vw 2vw;
	font-size: 2vw;color: white;background-color: #080A16;
	text-decoration: none;font-weight:900;transition: all 0.2s ease-in-out;
}
.goback:hover {
	background-color: var(--c-magenta);
}