:root {
   color: #DBDEE1;
   background-color: #313338;
   font-family: monospace;
}

img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 75%;
  max-height: 75%;
  width: auto;
  height: auto;
}

img.censored {
  filter: blur(16px) brightness(.75);
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #2B2D31;
  text-align: center;
}

.warning {
  width: auto;
  bottom: 60px;
  padding: 4px;
  color: black;
  background-color: orange;
}

table, .comment, .warning {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
}

.comment, .center {
  white-space: pre;
}

.center {
  margin: 200px 200px 0;
}

a {
  color: #DBDEE1;
}

a:hover {
  color: white;
}

span.interactable {
  color: #DBDEE1;
  text-decoration: underline;
  cursor: pointer;
}

span.interactable:hover {
  color: white;
}

.warning a, .warning span.interactable {
  color: black;
}

.warning a:hover, .warning span.interactable:hover {
  color: #444444;
}