*, *:before, *:after {
	box-sizing: inherit;
}

html,body{
	height: 100%;
	
}
body{
	font:20px Rockewell, "Courier Bold", Georgia, serif;
	font-weight: bold;
	background-color:#f7f6d3;
	padding: 1em;

}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header, nav, article, aside, footer {
	padding: 1.2em;
	background-color: #3b9ae1;
	border-radius: .5em;
	margin: 5px;
	
}

header	 { background-color: #2AC78D }
nav		 { background-color: #F9DB16 }
article  { background-color: #0EE8DD }
aside	 { background-color: #3A76C4 }
footer	 { background-color: #6B6B6B }

/*-------------------------------*/
    /*Liquid*/
/*-------------------------------*/

main {
	display: flex;
	max-width: 100%;
}
main > * {
	flex: 1;
}
nav {
	order: 1;
}
article {
	order: 2;
	flex: 3;
}
aside {
	order: 3;
}