html { 
width:100%;
height:100%;
	font-size: 100%;
	background-color :  #000000 ; 	
	background-image: url("../images/EXPO-L_16.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	margin : 0;
	padding : 0;
	 }


body {
	color : #ffffff;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size :  1em; 
	cursor: default;
	}
	
a {
	color : lightblue ;
	}

	
/* DISPLAYS */
h1 {
	position: fixed;
	margin-left : 0px;
	margin-bottom : 0px;
	margin-top: 0px;
	color : lightblue;
	font-size :  40px ; 
	left : 20px ;
	}
	
#full {
	position: absolute;
	width : 100% ;
	height : 90% ;
	top : 0px ;
	left: 0px;
	margin : 0px;
}
	
#about {
	position: absolute;
	width : 90% ;
	height : 90% ;
	top : 100px ;
	left: 20px;
	margin : 0px;
	text-align: justify;
	/* font-family : "Comic sans MS" ; */
}
	

.menu {
	position : absolute;
	width : 90% ;
	top : 44px;
	left : 20px;
	font-size :  40px ; 
	font-weight : normal ;
	font-family:  Courier, Verdana, Arial, Helvetica, sans-serif;
	text-align : left ;
	}
	
.menu-item {
	color : lightgray; 
	margin : 0px ;
	width : 90% ;
	height : 80px ;
	/*overflow : hidden ;*/
	text-overflow : ellipsis ;
	}
	
.menu-item:hover {
	color : white ;
}

/*
h1 {
    -webkit-animation: color-change 6s infinite;
    -moz-animation: color-change 6s infinite;
    -o-animation: color-change 6s infinite;
    -ms-animation: color-change 6s infinite;
    animation: color-change 6s infinite;
}

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color:yellow; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: white; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: lightgray; }
    50% { color: gray; }
    100% { color: lightgray; }
}
@-o-keyframes color-change {
    0% { color: lightgray; }
    50% { color: gray; }
    100% { color: gray; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color:yellow; }
    100% { color: red; }
}

*/

#menubar {
	position : fixed ;
	height : 32 px ;
	width : 98% ;
	text-align : right ;
	top : calc(100% - 40px) ;
	background : transparent; 
	z-index : 1000 ; 
	}
	
.mbar-item {
	width : 32px;
	height: 32px;
	margin-left : 20px;
	margin-right : 20px;
}

.footer {
    position: fixed;
    bottom: 10px;
    font-size : 0.8em ;
    }