html{
   background-image: url("/lionspearl/images/Wallpaper background.PNG");
   background-repeat: repeat-y;
    background-color: #cccccc;
  background-size:auto;
  }

body {
  font-family: "morris-roman", Verdana;
  font-weight: 400;
  font-size:1.5em;
  font-style: normal;
  text-align:center;
 margin:0px;

}


#header-img{
  max-width:490px;
  height:auto;
  margin-top:10px;
  }
  

@font-face {
  font-family: morris-roman;
  src: url("/lionspearl/MorrisRoman-Black.ttf") format("truetype");
}

#about-txt{
  margin:10px 200px;
  color:#a1a1a1;
  }

.btn{
  max-width:100px;
  height:auto;
  margin-bottom:30px;
  }

.btn:hover{
  transform:scale(1.1); 
  }

#socialslist{
  margin-bottom:30px;
  
  }

footer{
  position:fixed;
  text-align:center;
  width:100vw;
  bottom:-15px;
  padding: 0px;
  background-color:#19291b;
    font-style:italic;
  }
  
  footer p{
    color:#000;
    font-size:0.7em;
    }
  
footer a{
  color: #545454;
  text-decoration:none;
  }
  

@media (max-width: 650px) {
 #header-img{
  max-width:380px;
  height:auto;
  margin-top:10px;
  }
  
  #about-txt{
  margin:10px 10px;
  
  }
  
  .btn{
  max-width:50px;
  height:auto;
  margin-bottom:20px;
  }
  
   footer p{
    font-size:0.5em;
    }
  }