/* unixl0rd's Web Page*/
html, body {
  height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  background-color: #000;
  color: #39FF14; /* Neon green */
  font-family: "UnifrakturCook", "Blackletter", "Gothic A1", serif, /* fallback */
               Verdana, sans-serif;
}

.ticker {
  width: 100%;
  overflow: hidden;
  border: 1px solid;
  border-color: #39FF14 transparent #39FF14 transparent;
  box-sizing: border-box;
  margin-top: 4rem;
}
.track {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation:
    scroll-left 12s linear infinite,
    color-cycle 12s steps(1, end) infinite;
  /* keep borders if you used them */
  border: 1px solid;
  border-color: #39FF14 transparent #39FF14 transparent;
  box-sizing: border-box;
  font-size: 2.5rem;
}

/* container centers the box */
.entry {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 999;
  pointer-events: auto;
}

/* centered box: max-height 500px, solid 1px border all around */
.box {
  display: grid;
  gap: .4rem;                     /* tight vertical spacing */
  place-items: center;
  width: min(90vw, 420px);
  height: min(80vh, 500px);       /* responsive cap, never taller than 500px */
  max-height: 500px;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 8px;
}

/* image (skull gif) */
.entry-gif {
  width: 140px;                   /* adjust as needed */
  height: auto;
  display: block;
  margin: 0;
  pointer-events: none;
}

/* gothic red link */
.enter-link {
  display: inline-block;
  padding: .45rem 1rem;
  color: #b30000;                 /* red */
  background: transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: 10rem;
  border-radius: 4px;
  transition: transform .12s, text-shadow .12s;
}

/* subtle hover */
.enter-link:hover {
  transform: translateY(-2px);
  text-shadow: 0 6px 18px rgba(179,0,0,0.18);
}

.site-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.5rem 1rem;
  text-align: center;
  background: rgba(0,0,0,0.35);
  color: #39FF14;
  font-family: Verdana, sans-serif;
  font-size: 0.9rem;
  border-top: 1px solid #39FF14;
  box-sizing: border-box;
  z-index: 900;
}

@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* color cycle for each pass */
@keyframes color-cycle {
  0%   { color: #39FF14; } /* neon green */
  25%  { color: #FFD300; } /* yellow */
  50%  { color: #FF3B3B; } /* red */
  75%  { color: #3B82FF; } /* blue */
  100% { color: #39FF14; } /* back to neon green */
}