:root
{
	--main_blue : #375f72;
	--form1_color : #F97423;
	--form2_color : #CD0606;
	--form3_color : #24D55F;
	--form4_color : #00002E;
	
	--form1_bg_color : rgba(237, 126, 0, 0.20);
	--form2_bg_color : rgba(205, 6, 6, 0.20);
	--form3_bg_color : rgba(36, 213, 95, 0.20);
	--form4_bg_color : rgba(0, 0, 46, 0.20);
}

html
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	min-width : 1024px;
	font-family : "Calibri", "Georgia", "Arial", serif;
}

body
{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	display : flex;
	flex-direction : column;
	background-color : rgb(243, 243, 243);
	background-image : url('../common/images/what-the-hex.png');
	background-repeat : repeat;
}

#content
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	/*background-color : #D3D3D3;*/
	/*background-color : rgb(243, 243, 243);*/
}

#content h1
{
	width : calc(100% - 1px);
	margin : 0px;
	padding : 0px;
	padding-top : 10px;
	padding-bottom : 10px;
	text-align : center;
	/*background-color : var(--main_blue);*/
	/*background-color : rgb(0, 113, 197);*/
	/*background-color : #0060a7;*/
	background-color : rgb(19, 66, 106);
	color : white;
	text-shadow: black 0.1em 0.1em 0.2em;
	border-left : 1px solid rgb(19, 66, 106);
	border-right : 1px solid rgb(19, 66, 106);
	/*border-radius : 10px 10px 0px 0px;*/
	
}

.big
{
	font-weight : bold;
}

.italic
{
	font-style : italic;
}

.underline
{
	text-decoration : underline;
}

.bigItalic
{
	font-weight : bold;
	font-style : italic;
}

.bigUnderline
{
	font-weight : bold;
	text-decoration : underline;
}

.italicUnderline
{
	text-decoration : underline;
	font-style : italic;
}

.bigItalicUnderline
{
	font-weight : bold;
	font-style : italic;
	text-decoration : underline;
}