/********************************************************************
*																	*
*							General									*
*																	*
********************************************************************/

/* 	removing dumb stuff	*/

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

h1 {
	margin: 0;
}

img {
	max-width: 70%;
}


/*	fonts 	*/

body {
	font-family: 'Open Sans' sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
}

/********************************************************************
*																	*
*							Colors									*
*																	*
********************************************************************/

/*	using this color pallette: 
	https://color.adobe.com/de/Danira-Fred-color-theme-5318854/
*/

/*	General	*/
body {
	color: #241E1E;
}

a {
	color: #9EBF85;
}


/*	Header	*/

header {
	background: #241E1E;
}

header a {
	color: #2D7D6F;
}


/*	Navigation	*/

nav {
	background: #B03823;
}

nav a {
	color: #241E1E;
}

nav a:hover {
	color: #2D7D6F;
}

/*	Main Page	*/

article {
	background: #F2E6CC;
}


/*	Footer	*/

footer {
	background: #241E1E;
	color: #F2E6CC;
}

/********************************************************************
*																	*
*							Layout									*
*																	*
********************************************************************/

/*	Header	*/

header {
	padding: 2em;
}


/*	Navigation	*/

nav {
	float: left;
	width: 20%;
	text-align: center;
}

nav ul {
	padding: 0;
	margin-bottom: 150%;
}

nav li {
	padding: 0.7em 0;
	font-size: 1.125em;
}

nav a {
	padding: 0.5em 25%;
}

nav a.current-page {
	border: 1px dashed black;
	border-radius: 10px;
}

nav h1 {
	margin: 1em;
	text-align: center;
}


/*	Main page 	*/

#main-page {
	float: left;
	width: 75%;
	padding: 2.5%%;
}

article {
	padding: 2em 1em;
	border-radius: 10px;
	margin-bottom: 5em;
}

/*	Footer	*/

footer {
	clear: both;
	padding: 1em;
	text-align: center;
}