body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f4f4f4;
    transition: 0.3s;
}

.carousel img {
    height: 400px;
    object-fit: cover;
}

.card {
    border-radius: 10px;
}

/* DARK MODE */
.dark-mode {
    background-color: #121212;
    color: white;
}

.dark-mode .card {
    background-color: #1e1e1e;
    color: white;
}

.dark-mode footer {
    background-color: black;
}