/* Reset CSS propre */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    scroll-behavior: smooth;
    font-family: 'Roboto', sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

/* Reset Bootstrap classes */
.accordion-item-header:hover {
    background-color: #ddd;
}

.accordion-collapse.show {
    background-color: #fff;
}

.navbar-toggler-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #333;
}

/* CSS personnalisé */
.bg-image {
    background-size: cover;
    background-position: center;
}

.about-image svg, .project-card svg, .skill-card svg {
    fill: white;
    transition: transform 0.3s ease-in-out;
}

.project-card:hover svg, .skill-card:hover svg {
    transform: scale(1.05);
}

.nav-link.active, .nav-link:focus, .nav-link:hover {
    color: #fff9bd !important;
}