body {
	background-color: #EAE0CC;
}

nav {
	background-color: #0B4F6C;
	height: 76px;
	width: 100%;
	background-position: center fixed;
	text-align: center;
}

nav a {
	color: #FBFFFF;
	text-decoration: none;
	display: inline-block;
	letter-spacing: 2px;
	padding: 24px 25px;
	font-size: 25px;
}

footer a {
	color: #FBFFFF;
	text-decoration: none;
}

a:focus, a:hover {
	background-color: #01BAEF;
	transition: 0.6s;
}

h1 {
	font-size: 3em;
	font-family: 'Times New Roman', sans-serif;
    letter-spacing: 0.1em;
	text-align: center;
    padding-top: 50px;
    margin-bottom: 10px;
}

div.timeline h2 {
	font-size: 2.5em;
	font-family: 'Times New Roman', sans-serif;
    letter-spacing: 0.1em;
	text-align: center;
    padding-top: 30px;
    margin-bottom: 10px;
}

div.timeline p {
	font-size: 1.5em;
	font-family: 'Times New Roman', sans-serif;
    letter-spacing: 0.1em;
	text-align: center;
}

div.info {
    margin-left: 20%;
	width: 60%;
    text-align: center;
}

div.intro {
    margin-left: 20%;
	width: 60%;
    text-align: justify;
}

section.sources p {
	font-size: 0.8em;
}

footer {
	background-color: #0B4F6C;
	font-size: 1em;
	margin-top: 70px;
    padding: 20px 0 20px 0;
	color: #FBFFFF;
	text-align: center;
}