@font-face {
    font-family:Homenaje;
    src: url(homenaje.ttf);
}

body {
   margin:0;
   padding:0;
   overflow-y:hidden;
   background:#000;
}

#canvas {
	background:url(bg.jpg) 50% 0px;
	background-size:1880px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
   height:2770px;
   width:100%;
	-o-transition:top 3s ease-in-out;
	-ms-transition:top 3s ease-in-out;
	-moz-transition:top 3s ease-in-out;
	-webkit-transition:top 3s ease-in-out;
}

#screen {
	position:absolute;
	top:1820px;
	left:50%;
	margin-left:-300px;
	-o-transition:top 3s ease-in-out;
	-ms-transition:top 3s ease-in-out;
	-moz-transition:top 3s ease-in-out;
	-webkit-transition:top 3s ease-in-out;
}

p {
	color:#333;
	width:556px;
	font-family:Homenaje,Helvetica,sans-serif;
	font-size:20pt;
	margin-left:44px;
}

a {
	color:#000;
}

td {
	height:40px;
	width:40px;
	padding:0px;
}

#mainTable {
	width:600px;
	height:460px;
	border-collapse:collapse;
}

.subTable {
	border-collapse:collapse;
}

#dice1 {
	width:80px;
	text-align:right;
	vertical-align:middle;
}

#dice2 {
	width:80px;
	text-align:left;
	vertical-align:middle;
}

.flat {
	height:20px;
}

.msg {
   color:#d2cab3;
   font-size:32pt;
   padding-top:90px;
   cursor:default;
}

#space {
	height:60px;
	width:320px;
	text-align:left;
}

.button {
   cursor:pointer;
}

.nav {
   padding-top:48px;
}

.navButton {
   position:absolute;
   height:50px;
   width:50px;
   border-radius:50px;
   padding:29px 25px 18px 25px;
   color:#333;
   border:2px #333 solid;
	font-family:Homenaje,Helvetica,sans-serif;
   font-size:24pt;
   text-align:center;
   cursor:pointer;
}

.one {
   left:12px;
}

.two {
   left:164px;
}

.three {
   left:330px;
}

.four {
   left:486px;
}

#cover {
   position:relative;
   margin-top:-690px;
}

@media only screen and (max-width: 736px) {
   body {
      zoom:0.6;
   }
   
   .nav {
      padding-top:46px;
   }
}