document,
body {
  margin: 0;
  padding: 5px;
  font-family: Arial, "Liberation Sans", sans-serif;
  font-size: 14px;
  text-align: justify;
  overflow-x: auto;
}

.link {
  font-size: 0.85em;
  text-decoration: underline;
  cursor: pointer;
}

.link.vip {
  font-weight: bold;
}

.link.book {
  font-weight: bold;
  font-style: italic;
}

.header {
  font-weight: bold;
  font-style: italic;
}

.line {
  stroke: rgb(0, 0, 0);
  stroke-width: 2;
}

.line-thin {
  stroke: rgb(0, 0, 0);
  stroke-width: 1;
}

li {
  padding-top: 0.2em;
}

.welcome,
.close {
  z-index: 1;
  position: fixed;
  top: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: #aaa;
  border-radius: 7px;
  box-shadow: 0 0 10px #aaa;
  padding: 5px 15px;
  background-color: #eee;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}

.welcome {
  left: 5px;
}

.close {
  right: 740px;
}

.infoDisplayContainer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 820px;
  margin: 0;
  padding: 0;
  background-color: white;
}

.infoDisplay {
  z-index: 1;
  position: fixed;
  top: 5%;
  right: 10px;
  margin: 0;
  padding: 0;
  border-style: ridge;
  border-width: 1%;
  height: 93%;
  width: 800px;
  overflow: hidden;
  background-color: white;
}

.quote {
  padding: 0 2em 0 2em;
  font-style: italic;
}