#titleFind{
    color: var(--secondaryfontColor);
    text-align: center;
    font-size: 3vh;
}

#recetteContainer{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;

    margin: 10px;
    margin-bottom: 2vh;

    height: 74vh;
    padding: 2vh;

    gap: 20px;

    border: solid 1px var(--bordercolorRecette);
    /*border-radius: 8px;*/
    background-color: var(--backgroundColorRecette);

    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-color: var(--backgroundColor) rgba(0, 0, 0, 0);
    scrollbar-arrow-color: rgba(0, 0, 0, 0);
}

.heightSearch{
    max-height: 45vh;
}

#recetteDiv{
    /*margin: 10px;*/
    /*margin-left: 20px;*/

    border: solid 2px var(--bordercolorRecette);
    border-radius: 10px;

    background-color: white;

    text-align: center;

    font-size: 2vh;
    max-width: 40vh;
    max-height: 42vh;

    overflow: hidden;

    transition: 0.2s scale;
}

#recetteDiv:hover{
    font-weight: bold;

    transition: 0.2s scale;
    scale: 1.1;
}

#imageRecette{
    margin-top: 2vh;

    aspect-ratio: 1/1;
    object-fit: cover;

    border-radius: 10px;

    width: 85%;
}

#recetteTitle{
    max-height: 30px;
    font-size: 100%;

    margin-top: 8px;
    color: var(--secondaryfontColor);
}