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

html,
body {
	height: 100%;
	font-size: 13pt;
	font-weight: lighter; 
	font-family: helvetica;
	color: black;
}

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

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

a:link {
        color: inherit;
        text-decoration: none;
      }

a:visited {
	color: black;
}

.jan {
	background-color: white;
	
}

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

.feb {
	background-color: white;
	
}

.feb:hover {
	background-color: dodgerblue;
	color: white;
}


.mar {
	background-color: white;
	
}

.mar:hover {
	background-color: orange;
	color: white;
}

.apr {
	background-color: white;
	
}

.apr:hover {
	background-color: khaki;
	color: white;
}

.may {
	background-color: white;

}

.may:hover {
	background-color: darkorchid;
	color: white;
}

.jun {
background-color: white;

}

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

.jul {
	background-color: white;
	
}

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

.aug{
	background-color: white;
	
}

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

.sep {
	background-color: white;
	
}

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

.oct {
	background-color: white;
	
}

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

.nov {
	background-color: white;
	
}

.nov:hover {
	background-color: indigo;
	color: white;
}

.dec {
	background-color: white;

}

.dec:hover {
	background-color: peru;
	color: white;
}