:root 
{
	--background : #F4FBFB  ;
}


body 
{
	background-color: var( --background );
	padding-bottom: 60px;
}

.mainContent
{

	padding-top: 120px;
	padding-left: 15%;
	padding-right: 15%;
	padding-bottom: 48px;
}

@media only screen and (max-width: 576px) 
{
	.mainContent
	{
		padding-left: 2%;
		padding-right: 2%;
	}
}

.description
{
	margin-bottom: 1em;
}

.description h1 
{
	font-size: 2em;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	color: #6ab446;
}

h2 
{
	font-size: 1.5em;
	color: #6ab446;
}


#pageFooter {
    background-color: black !important;
    color: white !important;
    padding: 0px !important;
    height: 2.75rem;
    font-weight: 300;
}

.navbar-brand {
    color: white !important;
    font-size: 1rem !important;
    padding-left: 2%;
}

#main_header
{
	text-align: center;
	font-size: 2rem;
	margin-top: 6rem;
}

#divWait
{
	margin-top: 20px;
	text-align: center;
	font-size: 2rem;
}

.right
{
	text-align: right;
}

.up 
{
	color: green;
}

.down
{
	color: red;
}

.red 
{
	color: red;
}

.blue 
{
	color: blue;
}

.corrected
{
	font-weight: bold;
}

.uncorrected
{
	display: none;
}

.hb_logo
{
	position: fixed;
	left: 20px;
	top: 80px;
}