/* Most of our CSS code will go here*/
*{
	box-sizing: border-box;
}


body{
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	height: 100vh;
	display: flex;
	flex-direction: column;
}

header{
	background-color: lightblue;
	color: white;
	padding: 30px;
}

nav{
	background-color: midnightblue;
	color: white;
}

#content{
	display: flex;
	flex: auto;
}

main{
	width: 70%;
	padding: 30px;
}

aside{
	background-color: lightgray;;
	width: 30%;
	padding: 30px;
}

footer{
	background-color: midnightblue;
	color: white;
	padding: 30px;
}

nav ul{
	display: flex;
	justify-content: space-around;
}

nav li{
	padding: 10px;
}



@media all and (max-width : 800px) {
	
	/*Some of our CSS code will go here*/

}