/* scroll-to-top.css */

/* ===================================================== */
/* File: scroll-to-top.css                               */
/* Purpose: Handles the bounce animation for the       */
/*          "Scroll to Top" button on the website.     */
/* ===================================================== */

/* ============================================= */
/* Scroll-to-Top Button Simple Animation Styling */
/* ============================================= */

/* Create a smooth up-and-down bounce effect */
@keyframes bounceSlow {
    0%, 100% {
        transform: translateY(0);   /* Start and end at normal position */
    }
    50% {
        transform: translateY(-5px); /* Move slightly up halfway through */
    }
}

/* This class adds the bounce animation to the button */
.animate-bounce-slow {
    animation: bounceSlow 1.8s infinite; /* Repeat bounce forever, every 1.8s */
}