html, body { margin: 0; padding: 0; }
body {
  background: #000 url('/assets/img/glitter-tile.png') repeat fixed;
  color: #d6d6d6;
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 16px;
  line-height: 1.45;
  cursor: url('/assets/img/star-cursor.png') 2 2, auto;
}

h1, .brand { font-family: 'UnifrakturCook', 'Times New Roman', serif; font-size: 28px; margin: 24px 0 8px; }
h2 { font-size: 16px; margin: 0 0 6px; }

.wrap { max-width: 760px; margin: 0 auto; padding: 16px; }
.center { text-align: center; }
.tiny { font-size: 12px; color: #8a8a8a; }
.box { border: 1px solid #2a0024; padding: 12px; background: rgba(10, 0, 12, 0.65); box-shadow: 0 0 0 1px #30002a inset; }

nav ul { list-style: none; padding: 0; margin: 12px 0; }
nav li { margin: 6px 0; }

img.icon { width: 20px; height: 20px; image-rendering: pixelated; vertical-align: middle; }
.avatar { width: 140px; height: 140px; image-rendering: pixelated; border: 1px solid #2a0024; background: #0a000c; }
.divider { display: block; width: 100%; max-width: 760px; height: 18px; background: url('/assets/img/heart-divider.png') repeat-x; image-rendering: pixelated; margin: 10px 0; }
.badge { width: 88px; height: 31px; image-rendering: pixelated; }

a { color: #ff4da6; text-decoration: underline; }
a:visited { color: #a44dd6; }
a:hover { text-decoration: none; }


.updates-scroll {
  max-height: 64px;
  overflow-y: scroll;
  font-size: 1rem;
  line-height: 1.4;
  font-family: inherit;
  white-space: pre-wrap;
  margin-left: 0;
  margin-right: 0;
}


.updates-scroll::-webkit-scrollbar {
  width: 8px;
}

.updates-scroll::-webkit-scrollbar-track {
  background: #000;          /* track background */
}

.updates-scroll::-webkit-scrollbar-thumb {
  background-color: #ff00cc; /* bright pink thumb */
  border-radius: 2px;
  border: 1px solid #fff;
}

.warning_box {
  padding: 12px;
  margin-top: 16px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #eee;
}


.entry { border-top: 1px dashed #3a0031; padding: 12px 0; }
.meta { color: #9a9a9a; font-size: 12px; }
.title { font-weight: bold; }
.tags { color: #79ffa9; font-size: 12px; }

/* blink support */
blink { animation: blinker 1.2s steps(1, end) infinite; }
@keyframes blinker { 50% { opacity: 0; } }

marquee { color: #9e73ff; }