body{
background-color: #fff;
  box-shadow:
    inset 0 0 50px #fff,     
    inset 20px 0 80px #f0f,   
    inset -20px 0 80px #0ff,  
    inset 20px 0 300px #f0f,  
    inset -20px 0 300px #0ff, 
    0 0 50px #fff,            
    -10px 0 80px #f0f,        
    10px 0 80px #0ff; 
}

table,th, td{
  padding: auto;
  border-collapse: collapse;
  border: 1px solid black;
  padding: 12px;
  font-size: 20px;
  text-align: center;
  margin: auto;
}
th{
  background-color:rgb(144, 227, 89);
   font-weight:bolder;
   font-size: 20px;
}
td{
  background-color: rgb(255, 255, 255);
  font-weight: bold;
}
h1{
  font-size: 60px;
  margin-top: 15%;
  text-align: center;
color: rgb(252, 255, 250);
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
h2{
	margin-top: 20%;
	text-align:center;
	color:white;
	font-size: 30px
}
h3{
	margin-top: 70%;
	text-align:center;
	color:white;
	font-size: 30px
}
h4{
  margin-top: 0%;
  text-align:center;
  font-family:  Comic Sans, Comic Sans MS, cursive,Zapf Chancery, cursive,Coronetscript, cursive,Florence, cursive,Parkavenue, cursive,cursive;
  font-size: 30px
  color: rgb(252, 255, 250);
  text-shadow: 1px 1px 2px white, 0 0 30px blue, 0 0 8px darkblue;
}
div{
  float: left;
  width: 11%;
   margin: auto;
  border: 3px solid rgb(51, 122, 48);
}
.o{margin-left: 21%;
  background-color:rgb(204, 255, 189);
}
.tw{
  background-color:rgb(113, 222, 67);
}
.tre{
  background-color:rgb(204, 255, 189);
}
.for{
  background-color:rgb(113, 222, 67);
}
.five{
  background-color:rgb(204, 255, 189);
}
.six{margin-left:21%; 
  background-color:rgb(113, 222, 67);
}
.sev
{
  background-color:rgb(204, 255, 189);
}
.eig
{
  background-color:rgb(113, 222, 67);
}
.nine{
  background-color:rgb(204, 255, 189);
}
.ten{
  background-color:rgb(113, 222, 67);;
}