body {
  background-color: #101010;
  color: #7349ac;
  font-family: courier, 'Courier New', monospace;
  font-weight: bold;
  text-align: center;
}
::selection {
  background: #7349ac;
  color: white;
}
h1 {
  width: 44%;
  margin: 2% auto;
  font-size: 60px;
  background: -webkit-linear-gradient(90deg, #ff851a, #da5100, #ab4962, #7349ac);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 a {
  text-decoration: none;
}
#icon {
  width: 125px;
  float: right;
  position: fixed;
  top: 2%;
  right: 1%;
  border-radius: 10px;
}
.sidebar {
  float: right;
  position: fixed;
  bottom: 5%;
  right: 1%;
  text-align: left;
}
.container {
  display: block;
  background: -webkit-linear-gradient(-90deg, #ff851a, #da5100, #ab4962);
  padding: 0.25% 2.5% 1.5% 2.5%;
  color: black;
  font-size: 18px;
  text-align: left;
  width: 55%;
  margin: auto;
  margin-bottom: 2%;
}
h2 {
  margin: 2% 0;
}
.day {
  float: left;
  font-size: 30px;
}
.timestamp {
  float: right;
  font-size: 24px;
}
summary {
  font-size: 28px;
  margin: 1% 0 0 0;
}
.container img {
  width: 100%;
}
.container iFrame {
  width: 100%;
}
a {
  color: white;
}
.next, .gamenav {
  font-family: verdana;
  text-align: left;
  color: black;
}
.next {
  font-size: 24px;
  font-weight: normal;
}
.gamenav {
  font-size: 10px;
  font-weight: bold;
}
.spoiler, .spoiler > * {
  transition: color 0.5s, opacity 0.5s;
}
.spoiler:not(:hover) {
  color: transparent;
}
.spoiler:not(:hover) > * {
  opacity: 0;
}
/* fix weird transitions on Chrome: */
blockquote, blockquote > *:not(a) {
  color: black;
}