/* Custom Styles */
body {
    font-family: 'Arial', sans-serif;
}

#hamburger:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    #nav-menu {
        display: none;
        flex-direction: column;
        background-color: #1e40af;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 1rem;
    }
    #nav-menu li {
        margin: 0.5rem 0;
    }
}

img, video {
    max-width: 100%;
    height: auto;
}

/* Animation Styles */
.animate-fade-in {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.animate-slide-down {
    animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}

.animate-pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}