body {
	background: rgb(45, 45, 45);
}

h1 {
	font-size: 6rem;
	font-family: 'Tangerine', cursive;
	color: rgb(178, 231, 76);
	text-shadow: 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68),
	-3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76),
	3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231);
}

h2 {
	font-size: 3rem;
	font-family: 'Big Shoulders Stencil Text', cursive;
	color: rgb(0, 255, 255);
	text-shadow: 0px 0px 2px rgb(0,255,128), 0px 0px 2px rgb(0,255,128), 0px 0px 2px rgb(0,255,128),
	-3px -3px 5px rgb(164,255,255), -3px -3px 5px rgb(164,255,255), -3px -3px 5px rgb(164,255,255), -3px -3px 5px rgb(164,255,255),
	3px 3px 5px rgb(0,91,91), 3px 3px 5px rgb(0,91,91), 3px 3px 5px rgb(0,91,91), 3px 3px 5px rgb(0,91,91);
}

h3 {
	font-size: 3rem;
	font-family: 'Constantia', cursive;
	color: rgb(0, 155, 155);
	text-shadow: 0px 0px 2px rgb(210,255,0), 0px 0px 2px rgb(210,255,0), 0px 0px 2px rgb(210,255,0),
	-3px -3px 5px rgb(0,255,0), -3px -3px 5px rgb(0,255,0), -3px -3px 5px rgb(0,255,0), -3px -3px 5px rgb(0,255,0),
	3px 3px 5px rgb(0,255,255), 3px 3px 5px rgb(0,255,255), 3px 3px 5px rgb(0,255,255), 3px 3px 5px rgb(0,255,255);
}

p {
	font-family: 'Lucida Console';
	color: rgb(200, 255, 255);
}

label {
	font-family: 'Courier New';
	color: rgb(255, 155, 155);
}

#first25 .locked {
	color: rgb(178, 231, 76);
	background: rgba(96, 119, 68, .5);
	border-color: rgba(184, 255, 51, .75) !important;
}

#extra5 .locked {
	color: rgb(231, 178, 76);
	background: rgba(119, 96, 68, .5);
	border-color: rgba(255, 184, 51, .75) !important;
}

#last1 .locked {
	color: rgb(178, 76, 231);
	background: rgba(96, 68, 119, .5);
	border-color: rgba(184, 51, 255, .75) !important;
}

#first25 .unlocked {
	color: rgb(198, 251, 96);
	background: rgba(116, 179, 88, .5);
	border-color: rgba(204, 255, 71, .75) !important;
}

#extra5 .unlocked {
	color: rgb(251, 198, 96);
	background: rgba(179, 116, 88, .5);
	border-color: rgba(255, 204, 71, .75) !important;
}

#last1 .unlocked {
	color: rgb(198, 96, 251);
	background: rgba(116, 88, 179, .5);
	border-color: rgba(204, 71, 255, .75) !important;
}

#first25 .unlocked:hover {
	text-shadow: 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68),
	-3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76),
	3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231);
	background: rgba(0, 255, 0, .5);
	border-color: rgba(0, 255, 0, 1) !important;
}

#extra5 .unlocked:hover {
	text-shadow: 0px 0px 2px rgb(231, 178, 76), 0px 0px 2px rgb(231, 178, 76), 0px 0px 2px rgb(231, 178, 76),
	-3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68),
	3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231);
	background: rgba(255, 165, 0, .5);
	border-color: rgba(255, 165, 0, 1) !important;
}

#last1 .unlocked:hover {
	text-shadow: 0px 0px 2px rgb(178, 76, 231), 0px 0px 2px rgb(178, 76, 231), 0px 0px 2px rgb(178, 76, 231),
	-3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76),
	3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68);
	background: rgba(128, 0, 128, .5);
	border-color: rgba(128, 0, 128, 1) !important;
}

#first25  .openable:hover {
	text-shadow: 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68), 0px 0px 2px rgb(96, 119, 68),
	-3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76),
	3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231);
	background: rgba(255, 255, 0, .5);
	border-color: rgba(255, 255, 0, 1) !important;
}

#extra5 .openable:hover {
	text-shadow: 0px 0px 2px rgb(231, 178, 76), 0px 0px 2px rgb(231, 178, 76), 0px 0px 2px rgb(231, 178, 76),
	-3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68), -3px -3px 5px rgb(96, 119, 68),
	3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231), 3px 3px 5px rgb(178, 76, 231);
	background: rgba(255, 255, 0, .5);
	border-color: rgba(255, 255, 0, 1) !important;
}

#last1 .openable:hover {
	text-shadow: 0px 0px 2px rgb(178, 76, 231), 0px 0px 2px rgb(178, 76, 231), 0px 0px 2px rgb(178, 76, 231),
	-3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76), -3px -3px 5px rgb(231, 178, 76),
	3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68), 3px 3px 5px rgb(96, 119, 68);
	background: rgba(255, 255, 0, .5);
	border-color: rgba(255, 255, 0, 1) !important;
}

.Spdy {
	color: rgb(178, 231, 76);
	text-shadow: 0px 0px 2px rgb(63, 90, 12), 0px 0px 2px rgb(63, 90, 12), 0px 0px 2px rgb(63, 90, 12);
}

.Prom {
	color: rgb(0, 255, 210);
	text-shadow: 0px 0px 2px rgb(0, 153, 125), 0px 0px 2px rgb(0, 153, 125), 0px 0px 2px rgb(0, 153, 125);
}

.hidden {
	visibility: collapse;
	display: none;
}

.tableMonthHeader.tableMonthJanuary {
	background-color: #EF6F2D;
}
.tableMonthHeader.tableMonthFebruary {
	background-color: #EC3324;
}
.tableMonthHeader.tableMonthMarch {
	background-color: #BC2C95;
}
.tableMonthHeader.tableMonthApril {
	background-color: #8E2095;
}
.tableMonthHeader.tableMonthMay {
	background-color: #5D1793;
}
.tableMonthHeader.tableMonthJune {
	background-color: #1553CB;
}
.tableMonthHeader.tableMonthJuly {
	background-color: #4DB1BF;
}
.tableMonthHeader.tableMonthAugust {
	background-color: #409629;
}
.tableMonthHeader.tableMonthSeptember {
	background-color: #7FC73D;
}
.tableMonthHeader.tableMonthOctober {
	background-color: #E8E858;
}
.tableMonthHeader.tableMonthNovember {
	background-color: #F9CD45;

}
.tableMonthHeader.tableMonthDecember {
	background-color: #F19E36;
}