@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Quicksand&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap');

@media screen and (min-width: 501px) {

body {
	margin: 0px;
	background: white;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.title {
	margin-top: 50px;
	font-family: Roboto;
	font-size: 65px;
}
form *:focus {
	outline: none;
}
.userpass {
	font-family: Quicksand;
	font-size: 40px;
	color: black;
	background-color: rgba(0,0,0,0);
	padding-top: 5px;
}
.text {
	width: 300px;
	height: 40px;
	font-family: Arial;
	font-size: 30px;
	border-radius: 20px;
	border: 1px solid black;
}
.submit {
	background: white;
	font-family: Arial;
	padding: 0px 10px;
	font-size: 40px;
	/*width: 150px;*/
	height: 50px;
	margin-top: 20px;
	letter-spacing: 3px;
	border: 1px solid black;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.submit:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.submit:active {
	position: relative;
	top: 4px;
	left: 4px;
}
.loginsignupdiv {
	margin: 10px auto;
	background-color: white;
	padding: 30px;
	width: 300px;
}
.noacct {
	font-family: Arial;
	font-size: 20px;
}
.loginsignup {
	font-family: Roboto;
	font-size: 20px;
	background-color: white;
	border: 1px solid black;
	border-radius: 10px;
}

}
@media screen and (max-width: 500px) {

body {
	margin: 0px;
	background-image: url('https://resize.hswstatic.com/w_907/gif/moon-names.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.title {
	margin-top: 50px;
	font-family: Arial;
	font-size: 65px;
}
.userpass {
	font-family: Quicksand;
	font-size: 40px;
	color: white;
	background-color: black;
	padding-top: 5px;
}
.text {
	width: 300px;
	height: 40px;
	font-family: Arial;
	font-size: 30px;
}
.submit {
	background: white;
	font-family: Arial;
	padding: 0px;
	font-size: 40px;
	width: 150px;
	height: 50px;
	margin-top: 20px;
	letter-spacing: 3px;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.submit:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.submit:active {
	position: relative;
	top: 4px;
	left: 4px;
}
.loginsignupdiv {
	margin: 10px;
	background-color: white;
	padding: 30px;
	width: 200px;
}
.noacct {
	font-family: Arial;
	font-size: 20px;
	text-align: center;
}
.loginsignup {
	font-family: Times New Roman;
	font-size: 20px;
	background-color: #EBEBEB;
}

}