/* costom element */
:root{
	--global-color-1: #3093c8;
	--global-color-2: #cf1818;
}

/* the styles for the elements */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 300%;
	
}
a:focus, a:hover{
	font-style: italic;
}

/* the styles for the header */
h2{
	font-size: 170%;
	color: var(--global-color-1);
	text-indent: 30px;
	
}
h3{
	font-size: 130%;
	font-style: italic;
	text-indent: 30px;
}
h4{
	font-size: 130%;
	font-style: italic;
	text-indent: 30px;
	color: var(--global-color-2);
	background-color: rgb(141, 228, 234);
}
h5{
	font-size: 130%;
	font-style: italic;
	text-indent: 30px;
	color: var(--global-color-2);
	background-color: #3093c8;
}
header img {
	float: left;
}
.shadow{
	text-shadow: 2px 2px 2px #800000;
}
.shadow2{
	text-shadow: 4px 4px 4px black;
}
ol{
	text-align: center;
	border-left:  10mm solid rgb(141, 228, 234);
	border-right:  10mm solid rgb(141, 228, 234);
	border-top:  10mm solid #3093c8;
	border-bottom:  10mm solid #3093c8;
}
.border{
	border-top: #3093c8;
	
}
/* the styles for the main content */
main {
	clear: left;
}
main h1 {
	font-size: 150%;
}
main h2 {
	color: var(--global-color-1);
	font-size: 130%;
}
main h3 {
	font-size: 105%;
}

/* the styles for the footer */
footer p{
	text-align: center;
	padding: 1em 0;
}