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

html,
body {
	height: 100%;
	font-size: 15pt;
	font-style: bold; 
	font-family: helvetica;
	color: green;
}

div {
	position: relative;
	height: calc(100% / 13);
}

div span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.dark {
	background-color: darkgreen;
}

.dark:hover {
	color: darkgreen;
}

.forest {
	background-color: forestgreen;
}

.forest:hover {
	color: forestgreen;
}


.lawn {
	background-color: lawngreen;
}

.lawn:hover {
	color: lawngreen;
}

.sea {
	background-color: seagreen;
}

.sea:hover {
	color: seagreen;
}

.lime {
	background-color: limegreen;
}

.lime:hover {
	color: limegreen;
}

.pale {
	background-color: palegreen;
}

.pale:hover {
	color: palegreen;
}

.spring {
	background-color: springgreen;
}

.spring:hover {
	color: springgreen;
}

.yellow {
	background-color: yellowgreen;
}

.yellow:hover {
	color: yellowgreen;
}

.mediumspring {
	background-color: mediumspringgreen;
}

.mediumspring:hover {
	color: mediumspringgreen;
}

.mediumsea {
	background-color: mediumseagreen;
}

.mediumsea:hover {
	color: mediumseagreen;
}

.light {
	background-color: lightgreen;
}

.light:hover {
	color: lightgreen;
}

.darkolive {
	background-color: darkolivegreen;
}

.darkolive:hover {
	color: darkolivegreen;
}

.darksea {
	background-color: darkseagreen;
}

.darksea:hover {
	color: darkseagreen;
}