body {
  background-image: url(../images/burning.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0;
  padding: 0;
}

h1 {
  font-family: 'Jotunheim',Arial;
    font-style: normal;
    font-weight: 400;  
    display:block;
    margin:auto;
    text-align: center;
    width: 50%;
    color: white;
}
  
h2 {
  font-family: 'Jotunheim',Arial;
  font-style: normal;
  font-weight: 300;  
  display:block;
  margin:auto;
  text-align: center;
  width: 50%;
  color: lightcoral;
}

.button-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 30vh;
  margin-top: 2vh;
}

.button {
  background-color: rgba(240, 128, 125, 0.6);
  border: 2px solid white;
  border-radius: 4px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  background-position: center;

}

.button:hover {
  background-image: url(../images/fire_logo.png);
  color: transparent;
  background-color: transparent;
  border: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}