body {
  /* background-color: white; */
  margin: 2;
  padding: 0;
  background-repeat: no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
  background-position: 50% 50%;
  color: white;
  font-family: var(--font-body);
  background: #0A0A0A;
  background: -moz-linear-gradient(top, #0A0A0A 0%, #484848 100%);
  background: -webkit-linear-gradient(top, #0A0A0A 0%, #686868 100%);
  background: linear-gradient(to bottom, #0A0A0A 0%, #686868 100%);
}

.text-border {
  border-width: 5px;
  border-style: double;
  border-color: #555555;
  border-radius: 23px 0px 23px 0px;
  padding: 15px;
}

.back-link {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}

.blinkie {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 88px;
  height: 31px;
  background: #0a0a0a;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
  image-rendering: pixelated;
  white-space: nowrap;
  padding: 0 10px;
  box-sizing: border-box;
}

.blinkie:hover {
  background: #1a1a1a;
}

.blinkie-star {
  animation: blinkie-flicker 1.2s steps(1) infinite;
}

@keyframes blinkie-flicker {
  0%, 100% {opacity: 1;}
  50% {opacity: 0;}
}

/*----- Fonts -----*/
:root {
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-mono: 'VT323', 'Courier New', monospace;
  --font-body: Georgia, 'Times New Roman', serif;
}

h1, h2, h3 {
  font-family: var(--font-heading);
}

.terminal-text, nav, .date, .caption {
  font-family: var(--font-mono);
  font-size: 1.2rem;
}