html
{
	height: 100%;
}

nav
{
	border: 15px ridge #22F700;
	background-color: #FFFD00;
}
.navelement
{
	margin: 0.25rem;
	
}
.navlink
{
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius: 24px;
	transition: background-color 0.5s, color 0.5s;
}
.navlink:hover
{
	color: #22F700;
	background-color: #FE0013;
	cursor:pointer;
}


.background
{
	background-color: #FFFD00;
	color: #166AEF;
}
.button
{
	color: #166AEF;
	border-radius: 24px;
	padding: 5px;
	border: 2px ridge #22F700;
	transition: background-color 0.5s, color 0.5s;
	background-color: #FFFD00;
}
.button:hover
{
	text-decoration: none;
	color: #22F700;
	background-color: #FE0013;
}
.color
{
	color: #166AEF;
}
.icon
{
	padding:5px;
}
.charButton
{
	padding:8px;
	font-family:monospace;
	font-weight:bold;
}
.help
{
	padding: 1em;
}
.helpContainer
{
	border: 1px solid #22F700;
	padding: 0.5em;
}
.form-group
{
	padding: 5px;
}
.search
{
	border: 1px solid #22F700;
	padding: 1em;
}

.pageHeader
{
	margin: 1em;
	margin-bottom: 2em;
}