body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #007bff, #6610f2);
}

.badges .badge {
    margin: 0.2rem;
}

.card {
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

#hero {
    min-height: 100vh;
}

.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .navbar {
    background-color: #1f1f1f !important;
}

.dark-mode .bg-light {
    background-color: #1f1f1f !important;
}

.dark-mode .card {
    background-color: #2c2c2c;
    border: none;
}

.dark-mode .accordion-button {
    background-color: #2c2c2c;
    color: #ffffff;
}

.dark-mode .accordion-body {
    background-color: #2c2c2c;
}

.dark-mode footer {
    background-color: #000000 !important;
}

[data-aos] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}