html {
	scroll-behavior: smooth;
}
body {
	background: rgb(254,252,250);
	background: linear-gradient(138deg, rgba(254,252,250,1) 0%, rgba(231,219,217,1) 100%);
	margin: 0px;
	min-height: 100vh;
}
main.genericMainContainer {
	background-color: #F5F5F5;
	border: 1px solid #DBD7D2;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	width: fit-content;
	padding: 20px;
}
main.wide, section.wide {
	width: 80vw;
}
main.medium, section.medium {
	width: 60vw;
}
main.narrow, section.narrow {
	width: 40vw;
}
section.genericSectionContainer {
	border-radius: 4px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	padding: 20px;
}
section.red {
	background-color: #F55430;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 0px #3B0D03;
}
section.yellow {
	background-color: #E6A716;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 0px #63290A;
}
section.yellowBright {
	background-color: #EEBB44;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 0px #EAAC1C;
}
footer.mainFooter {
	background-color: #F55430;
	margin-top: 50px;
	padding: 1em;
}
div.footerCreditsContainerHidden {
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.75s;
}
div.footerCreditsContainerShown {
	height: fit-content;
	overflow: hidden;
	opacity: 100;
	transition: all 0.75s;
}
h1.genericMainText {
	color: #E6A716;
	font-family: "Geoform";
	font-size: 3em;
	margin: 0.2em 0em;
}
h2.genericMainText {
	color: #E6A716;
	font-family: "Geoform";
	font-size: 2.5em;
	margin: 0.2em 0em;
}
h3.genericMainText {
	color: #E6A716;
	font-family: "Geoform";
	font-size: 2em;
	margin: 0.2em 0em;
}
h4.genericMainText {
	font-family: "Geoform";
	font-size: 1.5em;
	margin: 0.2em 0em;
}
h5.genericMainText {
	font-family: "Geoform";
	font-size: 1em;
	margin: 0.2em 0em;
}
h6.genericMainText {
	font-family: "Geoform";
	font-size: 0.5em;
	margin: 0.2em 0em;
}
p.genericMainText, label.genericMainText {
	font-family: "Basic";
	font-size: 1.25em;
}
ul.genericMainText {
	border-left: 4px solid #E6A716;
	list-style-type: "⏵";
	padding-left: 30px;
}
li.genericMainText {
	font-family: "Basic";
	font-size: 1.25em;
	padding: 0.1em 0.1em;
}
span.genericLogoText {
	font-family: "Mont";
	text-transform: uppercase;
	white-space: pre;
}
p.genericFooterText {
	font-family: "Basic";
	font-size: 0.8em;
	margin: 0.25em;
}
a.genericFooterLink {
	box-shadow: inset 0em 0em 0em #FFFFFF;
	cursor: pointer;
	color: #000000;
	font-family: "Basic";
	font-weight: bold;
	font-size: 0.8em;
	transition: all 0.1s;
	padding: 0.2em 0.2em;
	width: fit-content;
}
a.genericFooterLink:hover {
	box-shadow: inset 0em -1.5em 0em #FFFFFF;
	color: #F55430;
	transition: all 0.1s;
}
a.genericLink {
	color: #f55430;
	font-weight: bold;
}
a.genericFillLink {
	box-shadow: inset 0em 0em 0em #E6A716;
	color: #E6A716;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.1s;
	padding: 0.2em 0.2em;
}
a.genericFillLink:hover {
	box-shadow: inset 0em -1.5em 0em #E6A716;
	color: white;
	transition: all 0.1s;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white, li.white {
	color: #FFFFFF;
}
label.genericFormLabel {
	background-color: #E6A716;
	border: calc(0.2em / 1.25) solid #E6A716;
	border-radius: calc(1em / 1.25) calc(1em / 1.25) 0em 0em;
	display: block;
	margin-top: 0.5em;
	width: calc(20em / 1.25);
	padding: 0.25em calc(1em / 1.25);
}
input.genericFormInput {
	background-color: transparent;
	border: 0.2em solid #242124;
	border-top: none;
	border-radius: 0em 0em 1em 1em;
	display: block;
	font-family: "Basic";
	font-size: 1em;
	width: 20rem;
	padding: 0.5em 1em;
}
textarea.genericFormTextArea {
	background-color: transparent;
	border: 0.2em solid #242124;
	border-top: 1em solid #e6a716;
	border-radius: 0em 0em 1em 1em;
	display: block;
	font-family: "Basic";
	margin-top: 0px;
	min-height: 10em;
	outline-top: 0.2em solid #242124;
	padding: 0.5em 1em;
	resize: vertical;
	width: 80%;
}
input.genericFormSubmit {
	background-color: #496a81;
	border: none;
	border-radius: 1em;
	color: white;
	font-family: "Basic";
	padding: 0.5em;
	margin: 0.5em;
	outline: none;
	transition: 0.1s all;
}
input.genericFormSubmit:hover {
	background-color: #658CA8;
	outline: 0.2em solid #496a81;
	transition: 0.1s all;
}
input.genericFormSubmit:active {
	background-color: #9DB6C8;
	outline: 0.5em solid #496a81;
	transition: 0.1s all;
}