.loginContainer{
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
	height:100vh;
	font-size:clamp(1.5rem,6vw,2rem);
	padding:4rem 0 4rem 0;
	
}

.inputContainer{
	width:min(400px,80vw);
	display:flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
	margin-top:-3rem;
	
}

.loginLabel{
	width:100%;
	margin-bottom:.4rem;
}

#name,#password{
	width:100%;
	margin-bottom:2rem;
	font-size:clamp(1.5rem,6vw,2rem);
	padding:1%;
}

#name > option{
	font-size:clamp(1rem,3.6vw,1.2rem);
}


button{
	margin-top:1rem;
	width:90%;
	font-size:clamp(1.3rem,5.1vw,1.7rem);
	padding:.5rem;
}

#loginStatus{
	width:95%;
	font-size:clamp(.9rem,3.6vh,1.2rem);
	margin-top:-1.7rem;
	margin-bottom:1rem;
	height:clamp(1.5rem,6vw,2rem);
	color:var(--errorColor);
}

.checkDiv{
	font-size:font-size:clamp(1.1rem,4.5vw,1.5rem);
}

img{
	width:min(300px,90vw);
	margin:0 0 6rem 0;
}

@media screen and (max-height:650px) {
	
	img{
		display:none;
	}
}