body.finisher-header{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#cursorCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

.welcome {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #E9ECDB;
    text-align: center;
}

hr {
  border: none;
  height: 4px;
  color: #000; 
  background-color: #000;  /* Modern Browsers */
}


.custom-navbar {
  background-color: transparent !important;
  padding: 15px 20px;
}


*:after, *:before {
    box-sizing: border-box;
  }

  :root {
    --x: 0;
    --y: 0;
    --xp: 0;
    --yp: 0;
    --hue: calc(0 + (var(--xp) * 500));
    --bg: rgba(41, 40, 40, 0.897);
    --size: 100px;
    --glow: radial-gradient(50% 50% at center,
        hsl(var(--hue) 80% 85%),
        hsl(var(--hue) 80% 70%),
        transparent) calc((var(--x) * 1px) - (var(--size) * 0.5)) calc((var(--y) * 1px) - (var(--size) * 0.5)) / var(--size) var(--size) no-repeat fixed;
  }

  .glow-btn {
    border-radius: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1ch;
    background: var(--bg);
    border: 4px solid transparent;
    box-shadow: 0 1px hsla(246, 59%, 16%, 0.747) inset;
    cursor: pointer;
    background:
      linear-gradient(var(--bg), var(--bg)) padding-box,
      var(--glow),
      linear-gradient(black, black) border-box;
    transition: background-size 0.24s;
    touch-action: none;
    position: relative;
    padding: 0.5rem 1.25rem;
    font-size: 0.9rem;
    color: white;
  }

  .glow-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: 0 1px hsl(0 0% 100% / 0.15) inset;
    background: var(--bg);
    z-index: 2;
    border-radius: 1rem;
  }

  .glow-btn span {
    background: var(--glow), black;
    background-clip: text;
    color: transparent;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
    inset: 0;
  }

  :root:has(button:active) {
    --size: 300px;
  }

  .glow-btn::after {
    content: "";
    position: absolute;
    inset: -4px;
    filter: blur(20px);
    border: 4px solid transparent;
    background: var(--glow);
    border-radius: 1rem;
  }

  nav a {
    text-decoration: none;
  }