body, html{
margin: 0;
padding: 0;

	
}

 .wrapper {
	 width: 738px;
	 border-collapse: collapse;
	 margin: 0;
	
	
 }

td  {
	position: relative;
	width: 33.3%;
	height:  470px;
	cursor: pointer;
	background: #f6eaea;
	text-align: left;
	font-size: 16px;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(172,31,35,0.5);
}

#odin {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0;
font-size: 27px;
color: #a42d2e;
background: #f6eaea;
border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(172,31,35,0.5);
}
.rotate {animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
 animation-timing-function: linear;
 transform-origin: 50% 0%;}
 
@keyframes rotation {
    0% {transform: rotate(-20deg);}
  50% {transform: rotate(20deg);}
  100% {transform: rotate(-20deg);}
}