@font-face {
  font-family:"Essays1743";
  src:
    local("Essays1734"),
    url("../Essays1743.ttf") format("truetype");
}

@font-face {
  font-family:"MYST";
  src:
    local("Myst"),
    url("../EXILE12.ttf") format("truetype");
}

body {
background-color: black;
}

div.book {
  top:140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  max-width: 850px;
}

img {
  display: block;
  position: absolute;
  top: 0px;
  margin-left: 50%;
  transform: translateX(-50%);
}

img.turner {
  position: fixed;
  margin-left: 0%;
  transform: translateX(-1%);
  z-index: 2;
  cursor:url(../pageL.cur), auto;grab;
}

img.linker {
  position: block;
  width: 44%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 5%;
  transform: translateX(-1%);
  z-index: 2;
  cursor: grab;
}

img.spacer {
  display: inline-block;
  height: 100%;
  width: 141px;
  float: right;
  margin-left: 50%;
  transform: translateX(auto);

  z-index: -1;
}

iframe.linker {
  position: block;
  width: 90%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  transform: translateY(-120px);
  z-index: 2;
  cursor: grab;
}

.Pages {
  position: absolute;
  top: 5%;
  left:102px;
  text-align: left;
  line-height: 90%;
  font-family: Essays1743;
  font-size: 18pt;

  height: 90%;
  column-width: 650px;
  column-gap: 200px;
}

.Pages2 {
  column-count: 2;
  column-gap: 60px;
}


h1 {
  font-size: 3em;
  font-family: MYST;
  text-align: center;
  line-height: 90%;
}
h2 {
  font-family: MYST;
  text-align: center;
  line-height: 90%;
}
h3 {
  font-size: 2.5em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  font-family: MYST;
  text-align: center;
  line-height: 90%;
}


.NEStext {
color: purple;
}