@font-face {
	font-family: "pixel";
	src: url(.././FEZ_resources/font/pixel.ttf) format("truetype");
}
@font-face {
	font-family: "fezzy";
	src: url(.././FEZ_resources/font/fezzyv2.ttf) format("truetype");
}

/* Makes the first text font switch faster by preloading font in invisible text*/
#preload-fezzy { font-family: "fezzy"; }



#slideToUnlock {
	opacity: 0;
	position: relative;
	text-align: center;
	height: 38px;
	top:395px;
	font-size: 18pt;
	word-spacing: 0px;
	color: white;
	text-shadow:
		-1px -1px 0px black,
		-1px 1px 0px black,
		1px -1px 0px black,
		1px 1px 0px black;
}

/*Clock area*/
#timeDate{
	position: absolute;
	top: 40px;
	left: 0px;
	height: 80px;
	width: 320px;
	text-align: center;
	-webkit-transition: .4s ease-in-out;
}

/*Clickable area*/
#time{
	position: absolute;
	z-index: 10;
	top: -5px;
	left: 0px;
	height: 80px;
	width: 320px;
	-webkit-transition: .4s ease-in-out;
}

/*hour + ampm*/
#hours{
	height: 70px;
	width: 320px;
	padding-left: 3px;
	font-size: 50pt;    
}

#ampm{
	position: absolute;
	text-align: center;
	font-size: 20pt;    
}

#date{
	width: 320px;
	height: 20px;
	font-size: 14pt;
	word-spacing: 1px;
}