Reunion 7 | Reimagined by gallifory

/* ==UserStyle==
@name       Reunion 7 Edit
@version    20250126.20.47
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://reunion7.com") {
/* Keyframes */

@keyframes FadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}


/* Landing page animations */

.banner-content,
.banner-content *, /* Added * so the elements also get wrapped, along with the main element */
.banner-content-download,
.banner-content-download *,
.real-content,
.real-content * {
    opacity: 0;
    animation: FadeIn 1.5s ease-in-out 0.1s;
    animation-fill-mode: forwards;
}

/* Darkening animation when hovering over a link */

.navlinks a:hover, a[href="#"]:hover, a[href^="https"]:not([href*="reunion7.com"]):hover {
    filter: brightness(50%);
}


/* Brighten site logo when hovering */

.reunion-logo, .reunion-logo-footer {
    transition: 0.3s ease-in-out;
}

.reunion-logo:hover, .reunion-logo-footer:hover {
    filter: brightness(120%)
}


/* Download button hold animation */

.download-button {
    transition: 0.1s ease-in-out;
}

.download-button:hover {
    transform: scale(98%)
}

.download-button:active {
    transform: scale(95%)
}
}