@font-face {
  font-family: "Anonymous Pro";
  src: url("Anonymous_Pro/AnonymousPro-Regular.ttf") format("opentype");
}

body {
  background-color: rgb(32, 32, 32);
  color: rgb(160, 64, 192);
  font-family: "Anonymous Pro";
  line-height: 1.3;
}
hr {
  border: 1px solid rgb(16, 16, 16);
}
hr.chapter {
  border: 2px solid rgb(16, 16, 16);
}

.index-chapter-link {
  text-align: center;
  font-size: x-large;
  border: 1px solid rgb(16, 16, 16);
  border-radius: 10px;
  box-shadow: 2px 2px 10px black;
  padding: 5px;
  margin: 25px;
}
.index-chapter-link:hover {
  background-color: rgb(48, 48, 48);
  border: 1px solid grey;
}
.content {
  width: min(100vw - 50px, 45em);
  padding: 10px;
  margin: auto;
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: justify;
}
.header-div {
  text-align: center;
}

a:link {
  color: rgb(96, 96, 192);
}
a:visited {
  color: rgb(192, 64, 160);
}

.icon {
  width: 5vh;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.icon-container {
  width: 5vh;
  position: relative;
}

.pixel-image {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

table {
  background-color: rgb(16, 16, 16);
  border-radius: 4px;
}
td, th {
  background-color: rgb(32, 32, 32);
  padding: 5px;
  border-radius: 2px;
}

.navlink-container {
  width: min(100vw - 50px, 45em);
  margin: auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
}
.navlink {
  flex: 1 1 0;
  background-color: rgb(32, 32, 32);
  margin-left: 1.5px;
  margin-right: 1.5px;
  padding: 4px;
}
.navlink:hover {
  background-color: rgb(48, 48, 48);
}

.navbar {
  background-color: rgb(16, 16, 16);
  left: 0;
  width: calc(100vw - 6px);
  padding: 3px;
  z-index: 1;
}
.top-navbar {
  position: absolute;
  top: 0;
}
.bottom-navbar {
  position: fixed;
  bottom: 0;
}