body {
  background-color: #77283b;
  color:  #e474de;
  overflow:auto;
  font-family: "pixelite", "Tiny5", Verdana;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  margin:0; 

}

#logo{
  display:block;
  height:333.3px;
  width:450.6px;
  margin:auto;
  
}

#banner{
 display:block;
 /*max-height:333.3px;
 max-width:1000px;*/
  max-width: 90%;
    min-width: 300px;
    height: auto;
 margin:auto;
}

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

.about{
    font-size:1.5em;
    border:2px solid  #e474de;
    margin:5px;
    padding-bottom:10px;
}

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

footer{
   padding: 5px 0;
  background-color:#3b0b17;
    font-style:italic;
  }
  
footer a{
  color: #e474de;
  text-decoration:none;
  }

.navbar ul{
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  background-color:#3b0b17;
  overflow:hidden;
  font-size:2em;
  top:0;
}

@media (max-width: 650px) {

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


.promo{
 
  max-width:40%;
  min-width:300px;
   height:auto;
  }

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

li a:hover{
  color:#77283b;  
  }
  
.links:hover {
  background-color:  #e474de;
}



.imglink:hover{
  background-color:  #e474de;
}

.chibigif{
  height:60px;
  width:auto;
  }


#blinkie2{
  height:20px;
  width:150px;
}

#devlink:visited{
  color:gray;

}

#devlink:link{
  color: #e474de;
}

#devlink p:hover{
 color:white; 
}