/* Thing.net (2004) inspired theme */

a {
  color: #00b3ff;
}

a:hover {
  color: #b6ff48;
  text-shadow: 0 0 2px rgba(182, 255, 72, 0.6);
}

body {
  background-color: #141414;
  background-image:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 10px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0, rgba(255, 255, 255, 0.015) 1px, transparent 1px, transparent 10px);
  background-attachment: fixed;
  color: #dcdcdc;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 12px;
}

h1,
h2,
h3 {
  color: #8cff6a;
  font-family: "Verdana", "Courier New", monospace;
  font-weight: 400;
  letter-spacing: 0.02em;
}

footer {
  border-top: 1px solid #2f2f2f;
  background: #101010;
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8);
  color: #73c77b;
}

footer a {
  color: #73c77b;
}

.journal {
  background-color: #161616;
  border-radius: 2px;
}

.page {
  background-color: transparent;
  border: 1px solid #2f2f2f;
  border-radius: 2px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
  padding: 0 16px;
}

.page.active {
  border-color: #4f8a4f;
}

.action {
  background-color: #121212;
  color: #7dff8b;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  font-size: 0.95em;
  text-shadow: 0 0 2px rgba(125, 255, 139, 0.45);
}

.action:hover {
  background-color: #1a1a1a;
  color: #b6ff48;
}

.button {
  background-color: #0f0f0f;
  border: 1px solid #2b2b2b;
  color: #7dff8b;
  border-radius: 2px;
}

.story blockquote {
  color: #bfbfbf;
  border-left: 4px solid #2f2f2f;
}

.target {
  background-color: rgba(40, 80, 40, 0.5) !important;
}