body{
	background-color: #FFC000;
.container{
	background-color: #000000;
	width: 470px;
	height: 470px;
	position: absolute;
	top: 50%;
	left: 50%;
   	transform: translate(-50%, -50%);
}
.title{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	background-color: white;
}
.obox1{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 0;
}
.obox2{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
}
.obox3{	
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: aboslute;
	margin-left: 320px;
	
}

.obox4{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: relative;
	margin-top: 10px;
}
.obox7{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	
}
.obox5{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
	margin-top: 10px;
}
.obox8{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
	margin-top: -310px;
	
}
.obox6{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 320px;
	margin-top: 10px;
}
.obox9{
	background-image: url("wreath.png");
	background-size: cover;
	background-repeat: no-repeat;

	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: aboslute;
	margin-left: 320px;
	margin-top: -310px;
	
}
.xbox1{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 0;
	margin-top: -310px;
}
.xbox2{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
	margin-top: -310px;
}
.xbox3{	
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: aboslute;
	margin-left: 320px;
	margin-top: -310px;
}

.xbox4{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: relative;
	margin-top: 10px;
}
.xbox7{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	
}
.xbox5{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
	margin-top: 10px;
}
.xbox8{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 160px;
	margin-top: -310px;
	
}
.xbox6{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: absolute;
	margin-left: 320px;
	margin-top: 10px;
}
.xbox9{
	background-image: url("candy-cane.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	position: aboslute;
	margin-left: 320px;
	margin-top: -310px;
}
.btn1{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 0;
	top: 0;
	border: none;
}
.btn2{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	top: 0;
	left: 160px;
	border: none;

}
.btn3{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 320px;
	top: 0;
	border: none;
	
}
.btn4{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 0;
	top: 160px;
	border: none;
	
}
.btn5{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 160px;
	top: 160px;
	border: none;
}
.btn6{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 320px;
	top: 160px;
	border: none;
}
.btn7{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 0;
	top: 320px;
	border: none;
}
.btn8{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 160px;
	top: 320px;
	border: none;
}
.btn9{
	background-color: #FFFFFF;
	padding: 75px;
	position: absolute;
	left: 320px;
	top: 320px;
	border: none;
}
.hover:hover{
	background-color: green;
}