body{
.site_title {
	border:#880015;
	background-color:#fff8e6;
	color:#880015;
	text-align:center;
	font-size:50px;
	font-family:Times New Roman;
	
	
}

.button_box {
	border:4px solid #880015;
	background-color:#f9b33e;
	text-align:center;
	margin:5px 5px 5px 5px;
	padding:5px 1px 5px 1px;
}

.butt1{
	border:4px double #880015;
	background-color:#fff8e6;
	color:#880015;
	text-align:center;
	font-size:20px;
	margin:2px;
	padding:1px 10px 1px 10px;
}

.butt2{
	border:4px double #880015;
	background-color:#fff8e6;
	color:#880015;
	text-align:center;
	font-size:20px;
	margin:2px;
	padding:1px 10px 1px 10px;
}

.container{
	display:grid;
	grid-template-columns:1fr 2fr;
	grid-template-rows:repeat(2, 1fr);
	grid-column-gap:14px;
	grid-row-gap:14px;
	border:4px solid #880015;
	background-color:#fad98d;
	color:#880015;
	text-align:center;
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
}

.grid_item1 { grid-area: 1 / 1 / 2 / 2; 
	border:3px solid #880015;
	background-color:#fff8e6;
	color:#880015;
	text-align:center;
	margin:40px 40px 40px 20px;
	padding:1px;
}
.grid_item2 { grid-area: 1 / 2 / 2 / 3; 
	background-color:#f9b33e;
	border:4px double #880015;
	margin:5px 5px 5px 10px;
}
.grid_item3 { grid-area: 2 / 1 / 3 / 2; 
	border:3px solid #880015;
	background-color:#fff8e6;
	color:#880015;
	text-align:center;
	margin:20px 40px 60px 20px;
	padding:1px;
}
.grid_item4 { grid-area: 2 / 2 / 3 / 3; 
	background-color:#f9b33e;
	border:4px double #880015;
	margin:5px 5px 5px 10px;
}

.box_2 {
	border:8px double #880015;
	background-color:#f9b33e;
	color:#880015;
	text-align:left;
	margin:10px 5px 10px 3px;
	padding:3px 3px 3px 10px;
}

.box_3 {
	border:8px double #880015;
	background-color:#fad98d;
	color:#880015;
	text-align:left;
	margin:10px 5px 10px 3px;
	padding:3px 3px 3px 10px;
}

}