body {
	font-size: 16px;
	margin: 0;
	padding: 20px;
  color: #8C0063;
  background-image:url("/images/misc/pastelquilt.png");
  	color:#04323D;
}

.outer {
	width: 880px;
	height: auto;
	border-radius: 10px;
border: 3px solid #b0ba82;
	padding: 10px;
	background: #dee9a5;
	margin: auto;
}

.left {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}

.menu {
	display: inline-block;
	padding: 15px;
	width: 160px;
	height: auto;
}

.main {
	border-radius: 10px;
border: 3px solid #b0ba82;
	display: inline-block;
	vertical-align: top;
	width: 643px;
	height: 500px;
	background: #FFF;
	padding:8px;
	font-size: 18px;
	overflow:scroll;
}

.box {
  border-radius: 2px;
border: 2px solid #878e64;
margin-bottom:8px;
}

.grid {
  display: grid;
  grid-template-columns: 60% 40% ;
  padding: 5px;


}