@font-face {
  font-family: bonello;
  src: url(Bonello-Regular.otf);
}@font-face {
  font-family: rascal;
  src: url(rascal.TTF);
}
html {
  background-image: url('blanket.png');
  background-color: #a38b48;
  background-size: auto 100vh;
}

.heading {
  font-family: bonello;
}
.hlabel {
  width: 50vw;
  height: 35vh;
  position: absolute;
  margin-left: 25vw;
  margin-top: 0vh;
  z-index: 1;
}
.htext {
  font-size: 9.4vh;
  letter-spacing: 20px;
  margin-top: 8vh;
  margin-left: 34.5vw;
  position: absolute;
  z-index: 20;
  color: #31404f;
   -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}
.bear {
  width: 13.4vw;
  position: absolute;
  margin-top: 0vh;
  margin-left: 9vw;
  transform: rotate(0deg);
}
.girl {
  width: 13vw;
  position: absolute;
  margin-top: 0vh;
  margin-left: 75vw;
}
.page {
  position: absolute;
  height: 48vh;
  width: 22vw;
  margin-top: 36vh;
  margin-left: 6vw;
  background-color: #a38b48;
  border-radius: 15px;
}
.infop {
  position: absolute;
  height: 48vh;
  width: 22vw;
  margin-top: 42vh;
  margin-left: 11vw;
  font-family: bonello;
  letter-spacing: 1px;
  font-weight: normal;
  z-index: 200;
  font-weight: bold;
}

.border {
  width: 100vw;
  height: 18vh;
  background-size: 33.3333%;
  position: fixed;
  background-image: url('border.png');
  margin-top: 90vh;
  margin-left: -.5vw;
}