html{
   height:100%;
   } 
   
body {
  background: #c4c4c4;
  background: linear-gradient(180deg,rgba(196, 196, 196, 1) 0%, rgba(156, 219, 201, 1) 100%);
  color:  #000;
  overflow:auto;
  font-family: "pixelite", "Tiny5", Verdana;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  margin:0; 


}


@font-face {
  font-family: pixelite;
  src: url("/alagard.ttf?#iefix") format("truetype");
}

p{
 margin:1em 0.25em 1em 0.25em; 
}

footer{
  position:fixed;
  text-align:center;
  width:100vw;
  bottom:0;
  padding: 5px 0;
  background: linear-gradient(0deg,rgba(106, 220, 222, 1) 0%, rgba(232, 232, 232, 1) 49%, rgba(255, 210, 112, 1) 100%);
  font-style:italic;
  }
  
footer p {
   color:  #000;
}
  
footer a{
   color:  #000;
  text-decoration:none;
  }

.navbar ul{
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  background: #6adcde;
  background: linear-gradient(0deg,rgba(106, 220, 222, 1) 0%, rgba(232, 232, 232, 1) 49%, rgba(255, 210, 112, 1) 100%);
  overflow:hidden;
  font-size:2em;
  top:0;
}

.links{
  float:right;
  border-radius:5px;
  margin:0 1em;
  padding:0 0.3em;
  }
  
  li a{
  text-decoration:none;
  color: #999999;
  }

li a:hover{
  color: #000000;  
  }
  
.links:hover {
  background-color:  #bfbfbf;
}

@media (max-width: 650px) {

    
   .navbar ul{
   
    list-style-type: none;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom:5px;
    background-color:#100000;
    overflow:hidden;
    font-size:1.5em;
    top:0;
  }
}