@charset "UTF-8";
/* CSS Document */

body {

	height: 100vh;
	width: 100%;
	padding:0;
	margin:0;
	overflow: hidden;
	display: none;
}


#gooeyClock {
	background-color: #c9532b;
	height: 100vh;
	-webkit-box-shadow: 5px 5px 30px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 30px 10px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 30px 10px rgba(0,0,0,0.3);

}

.nav{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.nav li{
	display:inline;
}

.nav a{
	display:inline-block;
	padding: 60px;
	font-family: arial,sans-serif;
	letter-spacing: 3px;
	font-weight: 100;
	font-size: 25px;
	text-decoration: none;
	color:#8fa7b8;
}

li a:hover:not(.active) {

	color: white;

	/* text-shadow:#EBCBB5 2px 2px ; */
}

header a:hover:not(.active) {
	color: antiquewhite;

}

header{
	width: 100%;
	text-align: center;
}

header a{
	text-decoration: none;
	font-family: arial,sans-serif;
	letter-spacing: 36px;
	font-size: 160px;
	font-weight: 50;
	color:#8fa7b8;
}