body {
background-image: url(images/ge_bg22.jpg);	
text-align: center;
color:#000;
line-height: inherit;
font-family: "Roboto Condensed", sans-serif;
font-weight:500;

overflow: hidden; /* Hide scrollbars */
}
body, html {
height: 100%;
display: grid;
}

table {

font-size: 30px;
text-transform: uppercase;
border-collapse: collapse;
width: 75%;
margin: auto;
background: rgba(0,0,0,0.8);
}
th {  
padding: 8px;
border-bottom: 2px solid #ccc;
}
tr {
border-bottom: 1px solid #ddd;
text-align: left;
padding: 8px;
}
td {  
padding: 8px;
}
#fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
pointer-events: none;
background: white;
animation-duration: 2300ms;
animation-timing-function: ease-in-out;
}

@keyframes fade-out {
from { opacity: 1 }
to { opacity: 0 }
}

@keyframes fade-in {
from { opacity: 0 }
to { opacity: 1 }
}

#fader.fade-out {
opacity: 0;
animation-name: fade-out;
}

#fader.fade-in {
opacity: 1;
animation-name: fade-in;
}
.footer{ 
    position: fixed;     
    text-align: center;  
    padding-bottom: 10px;  
    bottom: 0px; 
    width: 100%;}