@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('/cdn/bootstrap/css/bootstrap.min.css');
@import url('/cdn/bootstrap-icons/bootstrap-icons.min.css');

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.card-benevole-container {
    border: none;
}

.btn-runtrail {
    background-color: #1ee322;
    color:#ffffff;
    transition: background-color .5s;
}

.btn-runtrail:hover {
    background-color: #048525;
    color:#ffffff;
}

.card-img-top {
    height: 250px; 
    object-fit: cover; 
    object-position: top; 
    transition: transform 0.3s;
}

.card-img-top:hover {
    transform: scale(1.05);
}