@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200&display=swap');

* {
	box-sizing: border-box;
	font-family: "Open Sans", Arial, sans-serif; /* Open Sans, Montserrat ...*/
}

body {
	font-family: "Open Sans", Arial, sans-serif; /* Open Sans, Montserrat ...*/
	margin: 0;
	background: #f5f5f5;
}

h1 {
	font-family: "Josefin Sans", "Courier New", sans-serif;
	font-size: 5em;
}

h1, h2 {
	text-align: center;
}

#wrapper {
	overflow: auto; /*pre-body script tags removes h1 top margin, this fixes*/
}

#login-container {
	width: 73vw;
	max-width: 420px;
	min-width: 330px;

	border: 1px solid #ccc;
	background: white;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	padding: 1em;
}

#login-container input:not([type="submit"]) {
	display: inline-block;
	margin: 1em 0;
	height: 2.7em;
	font-size: 14px;
	padding: 0.5em;
}
#login-notice {
	color: red;
	font-size: 0.9em;
	text-align: center;
}