*{
	margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
	height: 100%;
}

body{
	display: flex;
  flex-direction: column;
  height: 100%;
}

header{
	height: 100px;
  background: #ffcc55;
}

footer{
	height: 100px;
  background: #0055ff;
  color: #ffffff;
}

.main{
	flex: 1;
    display: flex;
  
}

aside{
	width: 200px;
  background: #3399cc;
  height: 100%;
}

.content{
  display: flex;
  flex-direction: column;
 justify-content: space-around;
  align-items: center;
  
  flex: 1;
  
}