body {
    margin:0;
    padding:0;
    background-image: url(wallpaper.png);
    position: relative;
}
.book {
    background-image: url(lesserbook.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
    position: relative;
     max-width: 100%;
    min-height: 95vh;
    margin-top: 1%;
}

.goback {
    text-decoration: none;
    position: absolute;
    width:15%;
    margin-top: -5%;
    margin-left:6%;
}
.back {
    position: absolute;
    font-family: "Slackey", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
    color:#fff5b9;
    font-size: clamp(1rem, 3vw, 4rem);
    -webkit-text-stroke: 1px black;
    z-index: 3;
    margin-top: 78%;
    margin-left: -20%
}

.back:link {
    text-decoration: none;
    color: #ffffff;
}

.back:visited {
    text-decoration: none;
    color:#ffffff;
}

.back:hover {
    text-decoration: none;
    color: #a4e57a;
}

.back:active {
    text-decoration: none;
    color:#ffffff;
}

.backbutton {
    position: absolute;
    left: 7%;
    max-width: 100%;
    transform: translate(-50%, 50%);
    z-index:2;
}

.notes {
font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: clamp(1rem, 4vw, 5rem);
    top: -3%;
    width:35%;
    left: 14.5%;
    position: absolute;
}

.pagetwo {
    font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: clamp(1rem, 4vw, 5rem);
    top: -3%;
     width: 35%;
    left: 52%;
    position: absolute;
}