html {
  background-image: url('leopardprint.gif');
  background-size: 30%;
  width: 100vw;
  overflow: hidden;
}
@font-face {
  font-family: trashed;
  src: url(Trashed.ttf);
}
.heading {
  margin-left: 2vw;
  background-color: black;
  height: 10vh;
  width: 60vw;
  margin-top: 6vh;
  position: absolute;
  box-shadow: 50px 50px 45px 50px black;
}
.title {
  font-family: trashed;
  font-size: 6.43vw;
  letter-spacing: 5vw;
  word-spacing: 1.42vw;
  width: 80vw;
  font-weight: normal;
  font-style: italic;
  color: white;
  margin-left: 4vw;
}
.subtitle {
  font-family: trashed;
  font-size: 2vw;
  letter-spacing: 2vw;
  word-spacing: 0.5vw;
  width: 80vw;
  font-weight: normal;
  font-style: italic;
  color: white;
  margin-left: 35vw;
  margin-top: -30vh;
}
.drac {
  margin-left: 75vw;
  margin-top: -2vh;
  width: 20vw;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); 
}
.dracbox {
  z-index: 40000;
}
.heart {
  margin-left: 75vw;
  z-index: 900;
  margin-top: -22vh;
  width: 20vw;
  transform: rotate(-20deg);
}