:root {
    --primary-background-color: rgba(141, 0, 0);
    --body-background-color: rgb(199, 133, 0, 10%);
    --main-background-color: rgb(199, 133, 0, 70%);
    --primary-font-color: #FFFF;
    --secondary-font-color: #0000;

    --primary-font-family: "Crimson Text", serif;
    --secondary-font-family: "Montserrat", sans-serif;
}



.card-index{
    max-width: 100vw;
    margin: 0;
    display: flex;
    flex-direction: column;
}

ul.container_card{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.lien-card{
    background-color: var(--primary-font-color);
    border: solid 1px black;
    border-radius: 20px;
    box-shadow: 3px 2px 10px black;
    margin: 20px 20px;
    padding: 0;
    display: flex;
    text-decoration: none;
    color: black;
}

.container_card>li{
    flex-basis: 40%; 
}

.img-restaurant-card{
    width: 50%;
    min-height: 370px;
    border-radius: 20px 0px 0px 20px;
}

div.describe-card{
    flex-direction: column;
    width: 50%;
    justify-content:space-between;
    padding: 20px;
}

div.filter-card{
    width: 100%;
    justify-content: space-around;
    font-size: 30px;
}

p.distance{
    background-color: rgb(196, 196, 196);
    border-radius: 50px;
    padding: 10px;
}

img.img-card{
width: 50px;
}