@font-face {
	font-family: "Quicksand-Bold";
	src: url("/resources/Quicksand-Bold.ttf");
}
@font-face {
	font-family: "Quicksand-Medium";
	src: url("/resources/Quicksand-Medium.ttf");
}
html, body {
	height: 100%;
	margin: 0;
	width: 100%;
}
body {
	display: grid;
	align-content: space-between;
	grid-template-rows: min-content 1fr min-content;
	grid-template-areas: 'header'
	'main'
	'footer';
	font-family: "Quicksand-Medium", arial;
	font-size: 18pt;
	color: #585857;
}
body a {
	color: #585857;
}
h1 {
	color: #585857;
	font-family: "Quicksand-Bold";
}
h2 {
	font-size: 32pt;
	text-align: center;
	color: #44b94a;
	font-family: "Quicksand-Bold";
}
h3 {
	color: #44b94a;
	font-family: "Quicksand-Bold";
}
h5 {
	font-family: "Quicksand-Medium";
	margin-left: 2em;
	font-size: 18pt;
}
header {
	grid-area: header;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	font-family: "Quicksand-Bold";
	box-shadow: 0 10px 20px lightgrey;
}
header h1 {
	margin-top: 0.95em;
	text-align: left;
}
header a {
	color: #585857;
	text-decoration: none;
}
.header-left {
	grid-area: header-left;
	display: grid;
	justify-content: start;
	grid-template-areas: 'header-img header-h';
}
.header-img {
	grid-area: header-img;
}
.header-h {
	grid-area: header-h;
}
.header-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.header-logo {
	margin-bottom: 0.3em;
}
.header-logo img {
	margin-top: 1em;
	margin-right: 0.4em;
}
.header-logout {
	width: 100%;
	text-align: right;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
}
.adminbar {
	width: 100%;
	order: -1;
	background-color: #585857;
	color: white;
	font-size: 13pt;
	padding: 0.25em 1em;
	font-family: "Quicksand-Medium", arial;
}
.adminbar a {
	color: white;
	text-decoration: none;
}
.adminbar a:hover {
	text-decoration: underline;
}
.main {
	grid-area: main;
	width: 100%;
}
footer {
	grid-area: footer;
	background-color: #44b94a;
	text-align: center;
	height: 4.5em;
	margin: auto 0 0 0;
	width: 100%;
	color: white;
	font-size: 12pt;
}
footer p:nth-child(1) {
	margin-top: 1em;
	margin-bottom: 0.3em;
}
footer p:nth-child(2) {
	margin-top: 0;
	margin-bottom: 0em;
}
footer a {
	color: white;
	text-decoration: none;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.a-nostyle {
	text-decoration: none;
}
.centerfield {
	width: 50%;
	margin: 0 auto;
}
.indent-2 {
	margin-left: 3em;
}
.container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.top-margin {
	margin-top: 4em;
}

/* forms.css */
.stdform input[type="text"] {
	font-size: 18pt;
	font-family: "Quicksand-Medium";
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	color: #585857;
	padding-left: 0.4em;
}
.stdform input[type="file"] {
	font-size: 18pt;
	font-family: "Quicksand-Medium";
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	color: #585857;
	padding-left: 0.4em;
}
.stdform input[type="password"] {
	font-size: 18pt;
	font-family: "Quicksand-Medium";
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	color: #585857;
	padding-left: 0.4em;
}
.stdform select {
	color: #585857;
	font-size: 18pt;
	font-family: "Quicksand-Medium";
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	width: 432px;
	padding-left: 0.4em;
	padding-bottom: 0.1em;
}
.stdform option {
	color: #585857;
	font-family: arial;
}
.stdform textarea {
	width: 750px;
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	resize: none;
}
.stdform input[type="email"] {
	font-size: 18pt;
	font-family: "Quicksand-Medium";
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	color: #585857;
	padding-left: 0.4em;
}
.stdform input[type="submit"] {
	color: white;
	background-color: #44b94a;
	border: 1px solid #44b94a;
	border-radius: 18px;
	font-family: "Quicksand-Medium";
	font-size: 18pt;
	padding: 0.2em 0.8em;
}
.stdform input[type="radio"] {
	display: inline-block;
	padding-bottom: 1em;
	margin-bottom: 1em;
	margin-top: 0;
}
.checkbox input[type="checkbox"] {
	display: none;
}
.checkbox label {
	display: block;
	margin-top: 0.2em;
	height: 15px;
	width: 15px;
	border: 2px solid #44b94a;
	border-radius: 10px;
}
.checkbox input[type=checkbox]:checked+label {
	background-color: #44b94a;
}
.radio {
	height: min-content;
}