@font-face {
	font-family: OpenSans;
	src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
	font-family: acorn;
	src: url('../fonts/Acorn.ttf');

}
@font-face {
	font-family: hanzo;
	src: url('../fonts/Hattori_Hanzo.otf');

}


body{
background-color: #000;
margin-top: 0%;
margin-left: 0%;
font-family:hanzo;
color:#eee;
font-size:16px;
overflow-x: hidden;
overflow-y: hidden;

}
#gameoflife{
position:absolute;
top:29%;
width:100%;
text-align:center;
}

#aboutButton {
	position:fixed;
	top:2%;
	left:85%;
}
#calenderButton{
	position:fixed;
	top:2%;
	left:70%;
}
#aboutButton:hover {
	cursor:pointer;
	color:orange;	
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 2px;

}
#calenderButton:hover{
	cursor:pointer;
	color:orange;	
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 2px;

}
#about{
	visibility:;
	position:fixed;
	top:11%;
	left:74%;
	width:25%;
	height: 78%;
	color:#fff;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 8px;
	background-color:transparent;
animation: sopanim 2s;
-moz-animation: sopanim 2s; /* Firefox */
-webkit-animation: sopanim 2s; /* Safari and Chrome */
-o-animation: sopanim 2s; /* Opera */

}
#calender{
	visibility:;
	position:fixed;
	top:11%;
	left:52%;
	width:35%;
	height: 40%;
	color:#fff;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 8px;
	background-color:transparent;
animation: sopanim 2s;
-moz-animation: sopanim 2s; /* Firefox */
-webkit-animation: sopanim 2s; /* Safari and Chrome */
-o-animation: sopanim 2s; /* Opera */

}

a{
cursor: pointer;
text-decoration: none;
color: orange;
}
a:hover{
color:yellow;
text-decoration: underline;

}