/* CSS for Enigma n. 2025 */

html, body {
	color:white; 
	background-color:black;
	height: 100%;
	overflow: hidden;
}
#phyllisweb{
	opacity:1;
	background-color:black;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000000;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	transition: opacity 3s, display 3s;
	transition-behavior: allow-discrete;
}
#phyllisweb.hidden {
	display:none;
	opacity:0;
}
#phyllisweb2 {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#phyllisweb3 {
	display:inline-block;
	margin-top:10px;
	font-size: 12px;
	color:silver;
}
.elogo {
	FONT-FAMILY: Arial, Helvetica, Sans-serif; 
	color:#14c878;
	text-decoration: none;
	font-size:20px;
	text-shadow: 2px 2px 5px #14c878;
}
#menuContainer {
	position:fixed;
	padding-top:10px;
}
.j {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 40px; 
	Z-INDEX: 4; 
	COLOR: #14c878; 
	FONT-FAMILY: Arial, Helvetica, Sans-serif; 
	POSITION: absolute; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}
.k {
	/* Applied to the menu items and the bottom right 'Enigma n Home' link.*/
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	LINE-HEIGHT:1.5;
	Z-INDEX: 1000; 
	VISIBILITY: visible; 
	COLOR: gray; 
	FONT-FAMILY: Arial, Helvetica, Sans-serif; 
	TEXT-DECORATION: none;
	CURSOR:pointer;
}
.k:visited {
	COLOR: gray;
}
.k:hover {
	COLOR: #14c878;
}
#logodiv {
	position:fixed;
	right:10px;
	bottom:10px;
	text-align: center;
}
.fullscreen {
	width:30px;
	height:30px;
	background: url('../images/fullscreen.png');
	cursor:pointer;
	display:inline-block;
}
.fullscreen:hover {
	background: url('../images/fullscreenGreen.png');
}