/*fonts*/

// <weight>: Use a value from 200 to 800
// <uniquifier>: Use a unique and descriptive class name

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


/*element aesthetic*/
body	{
	background-image: url(background.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	font-size: 16px;
	color: #19191E;
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	overflow-y: scroll
}

img	{
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

table	{
	align: center;
}

td	{
	text-align:left;
}


/*main class aesthetic*/

.header	{
	width:900px;
	margin-bottom:10px;
}

.navbar	{
	background-color: #6CBDF6;
	border: 3px solid #121622;
	border-bottom: 0px solid #121622;
	width:880px;
	padding-top:25px;
	padding-bottom:15px;
	padding-left:7px;
	padding-right:7px;
	font-size:18px;
}

.main	{
	background-color: #EDF7FF;
	border:3px solid #121622;
	border-top: 0px solid #EDF7FF;
	border-bottom: 0px solid #EDF7FF;
	padding:17px;
	padding-top:15px;
	padding-bottom:15px;
	width:860px;
	display: inline-block;
	text-align:left
}

.footing	{
	background-color: #6CBDF6;
	border: 3px solid #121622;
	border-top: 0px solid #EDF7FF;
	width:860px;
	padding:17px;
	font-size:18px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
}

.flavortext {
	font-size:16px;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	padding-bottom:1px;
	margin-bottom:0px;
}

.sitebutton	{
	background-color: #A7EBFF;
	border:3px solid #19191E;
	padding:7px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
}

.sitebutton:hover	{
	background-color: #EEF6FF;
	border:3px solid #19191E;
	padding:7px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
}

.sitebutton:active	{
	background-color: #5B9BDB;
	border:3px solid #19191E;
	padding:7px;
	color: white;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
}

.sitebuttonalt	{
	background-color: #FF7C6B;
	border:3px solid #19191E;
	padding:7px;
	color: #19191E;
	text-decoration: underline;
	font-weight:bold;
	font-size:20px;
}

.sitebuttonalt:hover	{
	background-color: #FFBBA7;
	border:3px solid #19191E;
	padding:7px;
	color: #19191E;
	text-decoration: underline;
	font-weight:bold;
	font-size:20px;
}

.sitebuttonalt:active	{
	background-color: #C34240;
	border:3px solid #19191E;
	padding:7px;
	color: white;
	text-decoration: underline;
	font-weight:bold;
	font-size:20px;
}

.selectedbutton	{
	background-color: #920800;
	border:3px solid #19191E;
	padding:7px;
	color: white;
	text-decoration: underline;
	user-select: none;
	font-weight:bold;
	font-size:20px;
}

/*other class aesthetic*/

.welcome_div	{
	background-color: #EDF7FF;
	border:3px solid #121622;
	padding:22px;
	padding-left:47px;
	padding-right:47px;
	width:800px;
	text-align:center;
}

.enterbutton	{
	background-color: #D7EFFF;
	border:3px solid #19191E;
	padding:15px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
}

.enterbutton:hover	{
	background-color: #FFBBA7;
	border:3px solid #19191E;
	padding:15px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
}

.enterbutton:active	{
	background-color: #C34240;
	border:3px solid #19191E;
	padding:15px;
	color: white;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
}

.smallenterbutton	{
	background-color: #D7EFFF;
	border:3px solid #19191E;
	padding:10px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:50px;
	padding-right:50px;
}

.smallenterbutton:hover	{
	background-color: #FFBBA7;
	border:3px solid #19191E;
	padding:10px;
	color: #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:50px;
	padding-right:50px;
}

.smallenterbutton:active	{
	background-color: #C34240;
	border:3px solid #19191E;
	padding:10px;
	color: white;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:50px;
	padding-right:50px;
}

.invalidbutton	{
	background-color: #42434F;
	border:3px solid #19191E;
	padding:10px;
	color: white;
	text-decoration: none;
	font-weight:bold;
	font-size:20px;
	padding-left:50px;
	padding-right:50px;
}

.solodiv	{
	background-color: #EDF7FF;
	border:3px solid #121622;
	padding:22px;
	width:850px;
	text-align:center;
}

.verticallycentereddiv	{
	display: flex;
	flex-direction: column;
	height:98vh;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.sitemapheader	{
	border-bottom: solid 3px #19191E;
	text-decoration: none;
}

.sitemaplinklist	{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-type: none;
	padding:10px;
}

.miscbuttons	{
	background-color: #DCEFFF;
	padding:20px;
	width:150px;
	color: #19191E;
	border:2px solid #19191E;
	text-decoration: none;
	font-weight:bold;
	font-size:30px
}

.page-selection	{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:3px solid #19191E;
}

.page-select-description	{
	text-align:center;
	font-size: 16px;
	width:600px;
}

.row	{
	display: flex;
}

.column	{
	flex: 50%;
	padding: 25px;
	text-align:center;
}