html, body {
      margin: 0;
      width: 100%;
      height: 100%;
	  font-family:'MuseoSans900', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
	
#maintitle
{
	width:400px;
	height:100px; 
	position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -200px;
	color:white;
	text-align:center;
	}
.specialheading
{
	font-size:80px;
		font-weight:bold
	font-family:"Lato, sans-serif";
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding-bottom:5px;
	padding-top:5px;
}

#front-page-buttons
{
	width:900px;
	height:200px; 
	position: fixed; top: 70%; left: 50%; margin-top: -100px; margin-left: -450px;
	color:white;
	text-align:center;
}

.front-page-button
{
	border:2px solid white;
	display:inline-block;
	font-size:x-large;
	margin:5px;
	padding:7px;
}
.front-page-button, .front-page-button a
{
	-webkit-transition: background-color 2s,color 2s; /* Safari */
    transition:  background-color 2s ,color 2s;
}
.front-page-button:hover, .front-page-button:hover a
{	
	background-color:white;
	color:black;	
}



@keyframes colortransition {
    0% {  colour:white;color:white; }
    100% { background-color: white; color:black;}
}

@-webkit-keyframes colortransition {
    0% { background: transparent; colour:white }
    100% { background: white; color:black }
}

.front-page-button a
{
	color:white;
	text-decoration:none;
	
}