html {
  height: 100%;
  margin: 0;
  position: relative;
}

body {
  font-family: 'MS UI Gothic', 'MS Gothic', 'Tahoma', 'Helvetica', 'Courier New', Courier, monospace;
  background-color:  #000;
  color: #fff;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: #fff;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

#header {
  display: none;
}

.background {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position-y: center;
  opacity: 20%;
  max-width: 2300px;
  background-size: 25% !important;
}
#leftbg {
  background: url("/content/images/cantata_left.png") no-repeat 0;
}
#rightbg {
  background: url("/content/images/sonata_right.png") no-repeat 100%;
}

#iamlooking {
  text-align: center;
  width: 1150px;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background-color: #121212;
  min-height: 100%;
  display: inline-block;
}
#iamlooking ul {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0;
  overflow: hidden;
}

#iamlooking img {
  max-width: 100%;
}

#iamlooking h1 {
  font-weight: normal;
  font-size: 16px;
  display: none;
}

#thething {
  margin-bottom: 32px;
}

#selector {
  font-size: 0;
}
#selector > .left, .right {
  font-size: 12px;
  display: inline-block;
  width: 20%;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}

#banner {
  margin-bottom: 15px;
}

#links-bar {
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  justify-content: center;
}

a.link-bar-link {
  transition-duration: 0.2s;
  color: #777;  /* The color of the links in your links bar */
  text-decoration: none;  /* Delete this line to put underlining on the links in your links bar */
}

a.link-bar-link:hover {
  transition-duration: 0.2s;
  color: white;  /* The color of the links in your links bar while the cursor is hovering over them */
}

span.link-bar-separator {
  margin: 0 10px;
}

a.link-bar-link, #navigation-bar, #post-date, #storyline, #characters, #tags {
  text-transform: lowercase;
}

h3#post-date {
  font-weight: normal;
}

#characters {
  display:none;
}

#navigation-bar {
  font-size: 18px;
  display: flex;
  margin: 0 auto 20px auto;
  font-weight: bold;
  justify-content: center;
}

a.navigation-button, a.navigation-button-disabled {
  padding: 0 20px;
}

a.navigation-button {
  transition-duration: 0.2s;
}

a.navigation-button:hover {
  transition-duration: 0.2s;
  color: white;  /* The color of the links in your links bar while the cursor is hovering over them */
}

#bottomuwu {
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #555;
}