/* Most of our CSS code will go here*/
*{
	box-sizing: border-box;
	}
	body {
		font-family: Arial, sans-serif;
		display: flex;
		flex-direction: column;
		height: 100vh;
	}
	header{
		background-color: midnightblue;
		color: white;
		padding: 20px;
	}
	nav{
		background-color: lightskyblue
		
	}
	#content{
		display: flex;
		flex: auto;
		}
	main{
		width: 70%;
		padding: 20px;
	}
	aside{
		background-color: lightgray;
		width: 30%;
		padding: 20px;
	}
	footer{
		background-color: midnightblue;
		color: white;
		padding: 20px;
	}	


	nav ul{
		display: flex;
		justify-content: space-around;
	}
	nav ul li{
		padding: 10px;
	}
	nav a{
		text-decoration: none;
		color: midnightblue;
	}
	h1{
		font-size: 130%;
		margin-bottom: 20px;
	}
	header h1{
		font-size: 150%;
	}
	p{
		line-height: 120%;
		margin-bottom: 20px;
	}
@media all and (max-width : 800px) {
	
	/*Some of our CSS code will go here*/

}