*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

p {
	position: absolute;
	left: 10%;
	color: white;
	font-family: sans-serif;
	font-size: 10pt;
}

	.one {
 width: 14.3%;
 height: 20%;
 background-color: white;
 position: absolute;
	
}

.one:hover {
	background-color: chartreuse;
	color: white;
}

.two {
 width: 14.3%;
 height: 20%;
 left: 14.3%;
 background-color: white;
 position: absolute;
	
}

.two:hover {
	background-color: yellow;
	color: white;
}

.three {
 width: 14.3%;
 height: 20%;
 left: 28.6%;
 background-color: white;
 position: absolute;
}

.three:hover {
	background-color: cadetblue;
	color: white;
}

.four {
 width: 14.3%;
 height: 20%;
 left: 42.9%;
 background-color: white;
 position: absolute;
	
}

.four:hover {
	background-color: cornsilk;
	color: white;
}

.five {
 width: 14.3%;
 height: 20%;
 left: 57.2%;
 background-color: white;
 position: absolute;
	
}

.five:hover {
	background-color: chocolate;
	color: white;
}


.six {
 width: 14.3%;
 height: 20%;
 left: 71.5%;
 background-color: white;
 position: absolute;
	
}

.six:hover {
	background-color: darkseagreen;
	color: white;
}

.seven {
 width: 14.3%;
 height: 20%;
 left: 85.8%;
 background-color: white;
 position: absolute;
	
}

.seven:hover {
	background-color: darkseagreen;
	color: white;
}

.eight {
 width: 14.3%;
 height: 20%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.eight:hover {
	background-color: brown;
	color: white;
}

.nine {
 width: 14.3%;
 height: 20%;
 left: 14.3%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.nine:hover {
	background-color: darkorange;
	color: white;
}

.ten {
 width: 14.3%;
 height: 20%;
 left: 28.6%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.ten:hover {
	background-color: darkkhaki;
	color: white;
}

.eleven {
 width: 14.3%;
 height: 20%;
 left: 42.9%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.eleven:hover {
	background-color: greenyellow;
	color: white;
}

.twelve {
 width: 14.3%;
 height: 20%;
 left: 57.2%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.twelve:hover {
	background-color: indianred;
	color: white;
}

.thirteen {
 width: 14.3%;
 height: 20%;
 left: 71.5%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.thirteen:hover {
	background-color: lavenderblush;
	color: white;
}

.fourteen {
 width: 14.3%;
 height: 20%;
 left: 85.8%;
 top: 20%;
 background-color: white;
 position: absolute;
	
}

.fourteen:hover {
	background-color: mediumspringgreen;
	color: white;
}

.fifteen {
 width: 14.3%;
 height: 20%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.fifteen:hover {
	background-color: olive;
	color: white;
}

.sixteen {
 width: 14.3%;
 height: 20%;
 left: 14.3%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.sixteen:hover {
	background-color: navajowhite;
	color: white;
}

.seventeen {
 width: 14.3%;
 height: 20%;
 top: 40%;
 left: 28.6%;
 background-color: white;
 position: absolute;
	
}

.seventeen:hover {
	background-color: orangered;
	color: white;
}

.eighteen {
 width: 14.3%;
 height: 20%;
 left: 42.9%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.eighteen:hover {
	background-color: palegreen;
	color: white;
}

.nineteen {
 width: 14.3%;
 height: 20%;
 left: 57.2%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.nineteen:hover {
	background-color: royalblue;
	color: white;
}

.twenty {
 width: 14.3%;
 height: 20%;
 left: 71.5%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.twenty:hover {
	background-color: rosybrown;
	color: white;
}

.twentyone {
 width: 14.3%;
 height: 20%;
 left: 85.8%;
 top: 40%;
 background-color: white;
 position: absolute;
	
}

.twentyone:hover {
	background-color: tomato;
	color: white;
}

.twentytwo {
 width: 14.3%;
 height: 20%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentytwo:hover {
	background-color: silver;
	color: white;
}

.twentythree {
 width: 14.3%;
 height: 20%;
 left: 14.3%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentythree:hover {
	background-color: sandybrown;
	color: white;
}

.twentyfour {
 width: 14.3%;
 height: 20%;
 left: 28.6%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentyfour:hover {
	background-color: purple;
	color: white;
}

.twentyfive {
 width: 14.3%;
 height: 20%;
 left: 42.9%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentyfive:hover {
	background-color: gold;
	color: white;
}

.twentysix {
 width: 14.3%;
 height: 20%;
 left: 57.2%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentysix:hover {
	background-color: lightslategray;
	color: white;
}

.twentyseven {
 width: 14.3%;
 height: 20%;
 left: 71.5%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentyseven:hover {
	background-color: lightslategray;
	color: white;
}

.twentyeight {
 width: 14.3%;
 height: 20%;
 left: 85.8%;
 top: 60%;
 background-color: white;
 position: absolute;
	
}

.twentyeight:hover {
	background-color: lightslategray;
	color: white;
}

.twentynine {
 width: 14.3%;
 height: 20%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.twentynine:hover {
	background-color: lightslategray;
	color: white;
}

.thirty {
 width: 14.3%;
 height: 20%;
 left: 14.3%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirty:hover {
	background-color: lightslategray;
	color: white;
}

.thirtyone {
 width: 14.3%;
 height: 20%;
 left: 28.6%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirtyone:hover {
	background-color: lightslategray;
	color: white;
}

.thirtytwo {
 width: 14.3%;
 height: 20%;
 left: 42.9%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirtytwo:hover {
	background-color: lightslategray;
	color: white;
}

.thirtythree {
 width: 14.3%;
 height: 20%;
 left: 57.2%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirtythree:hover {
	background-color: lightslategray;
	color: white;
}

.thirtyfour {
 width: 14.3%;
 height: 20%;
 left: 71.5%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirtyfour:hover {
	background-color: lightslategray;
	color: white;
}

.thirtyfive {
 width: 14.3%;
 height: 20%;
 left: 85.8%;
 top: 80%;
 background-color: white;
 position: absolute;
	
}

.thirtyfive:hover {
	background-color: lightslategray;
	color: white;
}