/**
 * About Page Styles
 * Additional animations and custom styles for the about page
 */

/* Float Animation for Hero Image */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

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

/* Background gradient for sections */
.section-background {
    background: linear-gradient(135deg, #28382E 0%, #151B12 100%);
}

/* Add subtle hover effects to images */
.hover\:scale-105:hover {
    transform: scale(1.05);
}

/* Ensure smooth transitions */
* {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}