/*-------------------------------------------------------------------------------------------------------------------------------------*/
/* GENERAL CSS SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #e0e0e0; /* Dark background */
    color: #e0e0e0; /* Light text for dark mode */
}

/* Buttons */
.btn {
    background-color: #001566; /* Blue button */
    color: #ffffff; /* White text */
}

.btn:hover {
    background-color: #0066cc; /* Darker blue on hover */
}

/* Cards */
.card {
    background-color: #1e1e1e; /* Dark card background */
    color: #e0e0e0; /* Light text for cards */
    border: 1px solid #333; /* Add a subtle border for better contrast */
}

/* Text muted */
.text-muted {
    color: #b0b0b0 !important; /* Lighter gray for muted text */
}

/* Links */
a {
    color: #1E90FF; /* Blue links for better visibility */
}

a:hover {
    color: #0066cc; /* Darker blue on hover */
}

/* Navbar (if not already handled in HTML) */
.navbar {
    background-color: #1e1e1e !important; /* Dark navbar background */
    color: #e0e0e0 !important; /* Light text for navbar */
}

.navbar .nav-link {
    color: #e0e0e0 !important; /* Light text for navbar links */
}

.navbar .nav-link:hover {
    color: #F01535 !important; /* Blue on hover for navbar links */
}

/* Footer */
footer {
    background-color: #1e1e1e; /* Dark footer background */
    color: #e0e0e0; /* Light text for footer */
}

footer a {
    color: #1E90FF; /* Blue links in footer */
}

footer a:hover {
    color: #0066cc; /* Darker blue on hover */
}

/* Keyframes for Zoom-In Animation */
@keyframes zoomIn {
    0% {
        transform: scale(1); /* Start at normal size */
    }
    100% {
        transform: scale(1.1); /* Zoom in slightly */
    }
}

/* Apply Animation to Background Image */
.animated-background {
    animation: zoomIn 15s ease-in-out forwards; /* 5s duration, smooth easing, stop at final state */
}