/*absolute mess of styling in here please dont look*/
/* the general content styling 			*/
/* incl margins font background colour 	*/

/* Add a black background color to the top navigation */
.topnav {
	margin: 0%;
	overflow: hidden;
	margin-top: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 1.2em;
}

/* Change the color of links on hover */
.topnav a:hover {
	background-color: #ddd;
	color: black;
}

/* Add a color to the active/current link */
.topnav a:active {
	background-color: #04AA6D;
	color: white;
}

/* everything important should be in main so it can be properly aligned */
.main {
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 4%;
}

body {
	background-color: white;
	font-family: Arial, sans-serif;
} 

/* heading styling */
/* colour red */
h1 {
	color: #E85A50;
	font-size: 2em;
}

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

a {
	color: #E88250;
}

a:link {
	color: #3C6EC9;
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	color: #E88250;
	background-color: transparent;
	text-decoration: none;
}

a:hover, a:active {
	color: #3C96C9;
	background-color: transparent;
	text-decoration: none;
}

img {
	width: 70%;
	/*align: center;*/
} 

u {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

ul {
	line-height: 100%;
	/*list-style-type: " ";*/
	padding-left: 10%;
}