body {
  font: 11px "courier new", calibri, arial;
  letter-spacing: 1px;
  color: #ccc;
  background-color: #000;
  background: #000
    url(https://64.media.tumblr.com/9d41e600c483d4e41b16e6cb5e0838cb/678e15796c322da2-68/s250x400/c3a5a574e12151ea939ebe404806e4e3a55bf71f.webp)
    fixed;
}

.container {
  display: flex;
  gap: 1rem;
  max-width: 90%;
  margin: 0 auto;
}

.left {
  max-width: 170px;
  flex: auto;
  background: #111;
  padding: 8px;
  border-left: 1px solid #354f54;
}

.right {
  flex: 70%;
  min-width: 400px;
  max-width: 500px;
  background: #111;
  padding: 8px;
  border-right: 1px solid #354f54;
}

textarea {
  font: 10px calibri;
  letter-spacing: 1px;
  background: #000;
  color: #eee;
}

a:link,
a:visited,
a:active {
  color: #ee8b3a;
  text-decoration: none;
}
a:hover {
  color: #555;
}
a img {
  border-width: 0;
}

b {
  color: #eee;
  font-weight: bold;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #555;
}
::-webkit-scrollbar {
  width: 7px;
  height: 4px;
  background: #000;
}

.title {
  text-transform: uppercase;
  color: #fdd5b4;
  background: #000 url();
  font: 12px georgia;
  letter-spacing: 4px;
  padding: 1px;
  padding-left: 4px;
  margin-bottom: 4px;
  border-left: 4px solid #4fa3ab;
}
.bigtitle {
  font: 26px "courier new", arial;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
}
.credit {
  border-top: 1px solid #ccc;
  padding-top: 8px;
  text-align: center;
}

.navi {
  display: block;
  background: #000;
  margin-bottom: 1px;
  padding: 4px;
  text-transform: uppercase;
  border-left: 5px solid #333;
  letter-spacing: 2px;
  color: #eee;
}
.navi:hover {
  display: block;
  background: #354f54;
  margin-bottom: 1px;
  padding: 4px;
  text-transform: lowercase;
  border-left: 5px solid #333;
  letter-spacing: 2px;
  color: #fff;
}