html, body{
margin: 0px;
padding: 0px;
font-size: 1vw;
height: 100%;
width: 100%;
/*-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;*/
}


body::after {
  content: "";
  background: url("img/gs-logo.png");
  opacity: 0.04;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}


#menutable tr{
color: white;
font-size: 1vw;
cursor: pointer;
padding: 0px;
margin: 0px;

}


#menutable tr:hover{
-webkit-filter: invert(100%) !important;

}


#menu{
position: fixed;
left: 0px;
bottom: 0px;
height: 88%;
width: 8%;
background: #006600;
margin: 0px;
overflow: hidden;
overflow-y: auto;
}


#main{
position: absolute;
left: 9%;
top: 3%;
height: 97%;
width: 90.5%;
margin: 3px;
background: transparent;
}


.slidercontainer {  
position: absolute;
left: 0px;
top: 12%;
height: 50%;
width: 75%;
border: 1px solid #006600;
border-radius: 8px;
overflow: hidden;
margin: auto;
}


#sisinfo{
position: fixed;
left: 0%;
top: 0px;
height: 12%;
width: 100%;
margin: 0px;
overflow: hidden;
background: #006600;
color: #cccccc;
font-size: 0.8vw;
text-align: right
}


.sert{
width: 50%;
border: 1px solid black;
height: 25px;
border-radius: 3px;
outline: none;
}

.serbut{
width: 20%;
height: 29px;
background: #006600;
color:white;
border: 1px solid white;
border-radius: 3px;
cursor: pointer;
}

.serbut:hover{
color:black;
background: white;
}




.fade {  
  -webkit-animation-name: fade;  
  -webkit-animation-duration: 3.5s;  
  animation-name: fade;  
  animation-duration: 3.5s;  
 }  
 

@-webkit-keyframes fade {
from {opacity: .1}  
to {opacity: 1}  
}  
  
@keyframes fade {  
from {opacity: .1}  
to {opacity: 1}  
}