*{
    margin:0;
    padding:0;
}
body{
    margin: 0px;
    font-family:'Cambria', Cochin, Georgia, Times, Times New Roman, serif;
    font-size: 10;
    color: rgb(124, 102, 132);
    line-height: 1.6;
}

.glow {
  font-size: 80px;
  color: #e68e0b;
  text-align: center;
  -webkit-animation: glow 3s ease-in-out infinite alternate;
  -moz-animation: glow 3s ease-in-out infinite alternate;
  animation: glow 3s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #ffe600, 0 0 20px #ffe018, 0 0 30px #ff6a25, 0 0 40px #ff9d25 , 0 0 50px  #ff8026 , 0 0 60px #ff5f2f , 0 0 70px #c31010;
  }
  to {
    text-shadow: 0 0 20px #ff531a, 0 0 30px #e63200 , 0 0 40px , 0 0 50px #e63600, 0 0 60px #e64100, 0 0 70px #e63600 , 0 0 80px  #e62e00 ;
  }
}


#volcano{
    background-image:url('../img/volcanopic.jpg');
    background-size:cover;
    background-position: center;
    height:100vh;
    display:flex;
    flex-direction: column;
    justify-content:initial;
    align-items: baseline;
    padding-left: 20%;
    padding-top: 5%;
   
  }


#volcano .button {
    font-size: 22px;
    text-decoration: none;
    color:rgb(255, 221, 208);
    position: fixed;
    bottom: 10%;
    right: 10%;

}

span {
  color: #8a2300;
  cursor: default;
  transition: all 1s;
}

#volcano .button:hover{ 
    color: #ffcc00;
  text-shadow: 0 0 2px #f93200, 0 0 1px  #fd5000, 0 0 0.5px #ba4e00, 0 0 1px #b63d00, 0 0 5px #a52100, 0 0 10px #9b0000, 0 0 15px #7e0000, 0 0 20px #610000;
}