html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: black;
  color: black;
  font-family: Verdana;
}

#book {
  position: relative;
  margin: 0 auto;
}

.pageturn {
  position: absolute;
  z-index: 1;
  font-weight: bold;
}

#tt1 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}

#tt2 {
  writing-mode: vertical-lr;
}

.pagebutton {
  height: 100%;
  width: 100%;
}

.pageturn .pagebutton{
  display: none;
}

.pageturn:hover .pagebutton{
  display: block;
}

.pageturn:hover #tt1{
  display: none;
}

.pageturn:hover #tt2{
  display: none;
}

.page {
  background-color: white;
  position: absolute;
  outline: 2px solid black;
}

#h2 {
  direction:rtl;
}