:root{
--accent-col: #ed254eff; /* watermelon */
--link-col: #f9dc5cff; /* royal gold */
--primary-col: #c2eabdff; /* tea green */
--text-col: #011936ff; /* prussian blue */
--secondary-col: #465362ff; /* charcoal blue */
}
body{
	width:800px;
	margin: 0 auto;
}

header{
  margin: 2vh 0vh 2vh 0vh;
  outline: 2px dotted var(--accent-col);
}

#catheader{
	margin-left: calc(400px - 4.75vw);
	max-height:10vh;
	max-width:10vw;
  margin-top:2vh;
}

#flexbox{
  width:100%;
  display:flex;
  flex-direction:row;
}
main{
  background: var(--primary-col);
  width:50%;
  margin: 0% 5% 0% 5%;
}
aside{
  background: var(--secondary-col);
  width:20%;
}
aside ul{
  text-align:center;
  list-style-type:none;
  padding:10px;
  margin:0 auto;
}
aside a{
  color:var(--link-col);
  text-decoration:none;
}


h2{
	color:var(--primary-col);
	text-align:center;
  margin:10px 0px 0px 0px;
}

p{
	color:var(--text-col);
  text-shadow: 0px 0px 1px white;
	padding: 10px;
	margin-top:2vh;
	text-align:center;
	font: 0.9em Veranda semi-condensed;
	}

ul{
	list-style-type:square;
	}
	
figure{
	margin: 0 auto;
}

footer{
	text-align:center;
}