@font-face { font-family: "Pixel Times"; src: url("fonts/PixelTimes.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Dotemp"; src: url("fonts/Dotemp8bit.ttf") format("truetype"); font-weight: 400; font-display: swap; }
html, body { margin: 0; padding: 0; }
body {
  background: #05050f url("images/stars.gif") repeat;
  background-attachment: fixed;
  color: #d6cef0;
  font-family: "Pixel Times", "Times New Roman", serif;
  font-weight: 400;
  overflow-x: hidden;
}
a { color: #ff8a1f; text-decoration: underline; }
a:hover { color: #ffd166; background: #2b1c5c; }
@keyframes f3a { 0%, 33.32% { opacity: 1 } 33.33%, 100% { opacity: 0 } }
@keyframes f3b { 0%, 33.32% { opacity: 0 } 33.33%, 66.65% { opacity: 1 } 66.66%, 100% { opacity: 0 } }
@keyframes f3c { 0%, 66.65% { opacity: 0 } 66.66%, 100% { opacity: 1 } }
@keyframes pixflicker {
  0%, 100% { text-shadow: 3px 0 0 #6fb4e0, -3px 0 0 #6fb4e0, 0 -3px 0 #cfe4f5, 0 3px 0 #2d63c4, 6px 0 0 #2d63c4, -6px 0 0 #2d63c4, 0 6px 0 #14306e, 9px 3px 0 #14306e, -9px 3px 0 #14306e; }
  50% { text-shadow: 3px 0 0 #cfe4f5, -3px 0 0 #6fb4e0, 0 -3px 0 #cfe4f5, 0 3px 0 #6fb4e0, 6px 0 0 #2d63c4, -6px 0 0 #2d63c4, 0 6px 0 #14306e, 9px 6px 0 #0d1f4a, -9px 6px 0 #0d1f4a; }
}
@keyframes marchx { 0% { background-position: 0 0 } 100% { background-position: -96px 0 } }
@keyframes marchback { 0% { background-position: 0 0 } 100% { background-position: 96px 0 } }
@keyframes scrollmq { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } }
@keyframes blinker { 50% { opacity: 0 } }
@keyframes twinkle {
  0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
  40%      { opacity: 1; transform: scale(1.15) rotate(20deg); }
  70%      { opacity: 0.35; transform: scale(0.8) rotate(-10deg); }
}
@keyframes softglow {
  0%, 100% { box-shadow: 0 0 8px 1px rgba(122, 156, 255, 0.35), 0 0 20px 3px rgba(74, 74, 168, 0.28); }
  50%      { box-shadow: 0 0 14px 3px rgba(150, 190, 255, 0.55), 0 0 30px 6px rgba(74, 110, 220, 0.4); }
}
@keyframes titleglow {
  0%   { text-shadow: 0 0 8px #2f6bd8, 0 0 26px rgba(47, 107, 216, 0.7), 2px 2px 0 #10214d; }
  20%  { text-shadow: 0 0 8px #4ad8e6, 0 0 26px rgba(74, 216, 230, 0.7), 2px 2px 0 #10214d; }
  40%  { text-shadow: 0 0 8px #5cffc4, 0 0 26px rgba(92, 255, 196, 0.7), 2px 2px 0 #10214d; }
  60%  { text-shadow: 0 0 8px #8b9dff, 0 0 26px rgba(139, 157, 255, 0.7), 2px 2px 0 #10214d; }
  80%  { text-shadow: 0 0 8px #c08bff, 0 0 26px rgba(192, 139, 255, 0.7), 2px 2px 0 #10214d; }
  100% { text-shadow: 0 0 8px #2f6bd8, 0 0 26px rgba(47, 107, 216, 0.7), 2px 2px 0 #10214d; }
}
@keyframes rainbowglow {
  0%   { color: #ff2d95; text-shadow: 0 0 6px #ff2d95, 0 0 14px #ff2d95; }
  17%  { color: #ff8a1f; text-shadow: 0 0 6px #ff8a1f, 0 0 14px #ff8a1f; }
  34%  { color: #ffe100; text-shadow: 0 0 6px #ffe100, 0 0 14px #ffe100; }
  50%  { color: #5cff9d; text-shadow: 0 0 6px #5cff9d, 0 0 14px #5cff9d; }
  67%  { color: #4A9FFF; text-shadow: 0 0 6px #4A9FFF, 0 0 14px #4A9FFF; }
  84%  { color: #c08bff; text-shadow: 0 0 6px #c08bff, 0 0 14px #c08bff; }
  100% { color: #ff2d95; text-shadow: 0 0 6px #ff2d95, 0 0 14px #ff2d95; }
}
@keyframes hardblink { 0%, 50% { opacity: 1 } 51%, 100% { opacity: 0 } }