/**
 * error.css
 * ------------------------------------------------------------
 * Error page styles.
 *
 * Contains:
 * - Animated error illustration
 * - Floating animation
 *
 * This file provides the visual styling for the
 * application error pages.
 * ------------------------------------------------------------
 */

/* Animated error illustration with gentle floating effect */
.error-image {
    width: 100%;
    max-width: 320px;
    height: auto;
    animation: float-animation 3s ease-in-out infinite;
}

/* Vertical floating animation for error illustrations */
@keyframes float-animation {
    0% {
        transform: translateY(0);
    }

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

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