* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	font-family: 'Economica', sans-serif;
}

h1 {
	font-family: 'Economica', sans-serif;
	text-align: center;
}

header#canvas {
	height: 46.6vw;
	width: 39.7vw;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.navy {
	background-color: #111a59;
}

main.orange-left {
	height: 90.5%;
	width: 44%;
	background-color: #ce7031;
	float: left;
}

.orange-left:hover {
	background-color: #ed7165;
}

section.green-left {
	height: 90%;
	width: 75%;
	background-color: #96c42b;
	float: left;
}

article.yellow-left {
	height: 88.5%;
	width: 67%;
	background-color: #dddd37;
	float: left;
}

.yellow-left:hover {
	background-color: #fcfc00;
}

figure.red-left {
	height: 87%;
	width: 51%;
	background-color: #b74e4e;
	float: left;
}

main.orange-right {
	height: 90.5%;
	width: 44.5%;
	background-color: #ce7031;
	float: right;
}

section.green-right {
	height: 90%;
	width: 75.5%;
	background-color: #96c42b;
	float: right;
}

.green-right:hover {
	background-color: #67f771;
}

article.yellow-right {
	height: 88.5%;
	width: 67.5%;
	background-color: #dddd37;
	float: right;
}

figure.red-right {
	height: 87%;
	width: 51%;
	background-color: #b74e4e;
	float: right;
}

.red-right:hover {
	background-color: #fc0f1e;
}