/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
html {
	/* Ensure the html element always takes up the full height of the browser window */
	min-height: 100%;
	/* The Magic */
	background-size: cover;
}
.year {
	background-color: almondwhite;
	color: black;
	border: 6px solid midnightblue;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 190px;
	height: 100px;
	transition: all .9s;
}
.year:hover {
	background-color: gold;
	border: 6px solid slategrey;
	color: black;
}
.month {
	background-color: transparent;
	color: black;
	border: 6px solid midnightblue;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 190px;
	height: 100px;
	transition: all .9s;
}
.month:hover {
	background-color: gold;
	border: 6px solid slategrey;
	color: black;
}
.next {
	background-color: transparent;
	color: black;
	border: 6px solid midnightblue;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 300px;
	height: 70px;
	transition: all .9s;
}
.next:hover {
	background-color: gold;
	border: 6px solid slategrey;
	color: black;
}
.notice {
	background-color: almondwhite;
	border: 4px solid midnightblue;
	color: black;
	padding: 2px 2px;
	border-radius: 20px;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	width: 450px;
	height: auto;
	font-family: Georgia, serif;
}
.message {
	background-color: almondwhite;
	border: 4px solid midnightblue;
	color: black;
	padding: 2px 2px;
	border-radius: 20px;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	width: 90%:
	height: auto;
	font-family: Georgia, serif;
}