/* Motivation Page Specific Styles
   Most styling is handled by Tailwind CSS classes in the template.
   This file is for any specific custom overrides.
*/

/* Example: Custom animation if needed */
@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}