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;
}

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

.item1 { grid-area: 1 / 1 / 2 / 2; }
.item2 { grid-area: 1 / 2 / 2 / 3; }
.item3 { grid-area: 1 / 3 / 2 / 4; }
.item4 { grid-area: 2 / 1 / 3 / 2; }
.item5 { grid-area: 2 / 2 / 3 / 3; }
.item6 { grid-area: 2 / 3 / 3 / 4; }
.item7 { grid-area: 3 / 1 / 4 / 2; }
.item8 { grid-area: 3 / 2 / 4 / 3; }
.item9 { grid-area: 3 / 3 / 4 / 4; } 
}