nav {
	overflow: hidden;
	background-color: black;
	transition: top .3s;
	position: fixed;
	width: 100%;
}

nav a {
	color: white;
	text-decoration: none;
	display: block;
	text-align: center;
	float: left;
	padding: 12px 14px;
	transition: background-color 0.5s, color .5s;
}

nav a:hover {
	background-color: darkgray;
	color: lightgray;
}

nav a.active {
	background-color: darkgray;
	color: white;
}

header {
	background-image: linear-gradient(to bottom right, lightblue, purple);
	text-align: center;
	padding: 250px;
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.container {
	display: flex;
}

.mainContent {
	display: flex;
	flex: 67%;
	background-color: darkgray;
}

.leftMain {
	flex: 50%;
}

.rightMain {
	flex: 50%;
	margin: 10px;
	float: right;
}

.sidebar {
	flex: 33%;
	background-color: black;
	color: white;
}

footer {
	background-image: linear-gradient(to bottom, gray, black);
	display: block;
	margin: 0px;
	color: white;
}

footer a {
	color: white;
	line-height: 4;
	display: block;
	margin: 0px;
}

footer h3 {
	margin: 0px;
	padding: 5px;
}