body {
  background-image: url(https://file.garden/ZFj9tPVXdRSd8e0M/guu/50154.png);
}


@font-face {
  src: url(https://file.garden/ZFj9tPVXdRSd8e0M/guu/AveriaSerifLibre-Regular.ttf);
  font-family: averia;
}

.text-container {
  background: none;
  position: relative;
  margin: auto;
  overflow: hidden;
  height: 679px;
}

.text {
  width: 579px;
  height: 579px;
  background-image: url(https://i.postimg.cc/9Q2Q0RYz/bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  margin: auto;
}

.book {

  background-image: url(https://file.garden/ZFj9tPVXdRSd8e0M/guu/Vintage.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 875px;
  height: 685px;
  margin: auto;
  padding: 1px;
}

.text1 {
  width: 370px;
  height: 435px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 40px;
  color: black;
  font-family: averia;
  font-size: 15px;
}

.text2 {
  width: 370px;
  height: 545px;
  overflow: auto;
  margin-top: -565px;
  margin-left: 465px;
  color: black;
  font-family: averia;
  font-size: 15px;
}

.navbar {
  display: flex;
  flex-direction: row;
  background: none;
  width: 700px;
  height: 70px;
  margin: auto;
  margin-top: 15px;
  padding: 1px;
}

.previous {
  background-image: url(https://panopticon.cc/project_stuff/last_page.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 140px;
  height: 70px;
  margin: auto;
  transition: transform .3s;
}

.previous:hover {
  transform: scale(1.1);
}

.toc {
  background-image: url(https://panopticon.cc/project_stuff/toc.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 210px;
  height: 72px;
  margin: auto;
  transition: transform .3s;

}

.toc:hover {
  transform: scale(1.1);
}


.next {
  background-image: url(https://panopticon.cc/project_stuff/next_page.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 140px;
  height: 70px;
  margin: auto;
  transition: transform .3s;

}

.next:hover {
  transform: scale(1.1);
}


.blank {
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 140px;
  height: 70px;
  margin: auto;

}

.pagenumber {
  height: 10px;
  margin-top: -10px;
  margin-left: 810px;
  color: black;
  font-family: averia;
  font-size: 15px;
}