footer {
    text-align: center;
    padding: 30px 0px;
    color: var(--neon-text);
    font-size: 1rem;
    background: linear-gradient(to top, rgba(26, 26, 46, 0.9), transparent);
    width: 100%;
    border-top: 2px solid var(--disco-purple);
  }
  
  footer::before {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--disco-pink), var(--disco-blue), var(--disco-green), transparent);
  }
  
  .retro-border {
    width: 100%;
    height: 8px;
    background: repeating-linear-gradient(
      45deg,
      var(--disco-pink),
      var(--disco-pink) 10px,
      var(--disco-blue) 10px,
      var(--disco-blue) 20px,
      var(--disco-green) 20px,
      var(--disco-green) 30px
    );
    position: absolute;
    bottom: 0;
    left: 0;
  }

  @media (max-width: 768px) {
    footer{
      font-size: .85rem;
    }
  }