/* 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: rgb(12, 102, 109);
	color: bisque;
	padding: 30px;
}

nav{
	background-color: rgb(48, 151, 158);
	color: aliceblue;
}

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

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

aside{
	background-color:rgb(55, 182, 156);
	width: 30%;
	padding: 30px;
}

footer{
	background-color: rgb(12, 102, 109);
	color: bisque;
	padding: 30px;
}

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

nav li{
	padding: 10px;
}

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

}