html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f4f4f4;
    padding-top: 70px;
    padding-bottom: 70px;
}


.nav-link.active {
    font-weight: bold;
}

.nav-link:hover{
    color: black;
}

.association-card, .event-card, .tool-card {
    border: 2px solid #ccc;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.association-card:hover, .event-card:hover, .tool-card:hover{
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}