@font-face {
    font-family: "Yellowtail";
    src: url("/Fonts/Yellowtail/Yellowtail-Regular.otf"), url("/Fonts/Yellowtail/Yellowtail-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: "HomemadeApple";
    src: url("/Fonts/Homemade_Apple/HomemadeApple-Regular.ttf");
}

header, aside {
    background: #40261c !important;
    font-family: 'Montserrat', sans-serif;
}
/* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
Restaurateur h1, h2 {
    font: 33px sans-serif;
    margin-top: 30px;
    position: relative;
    text-align: center;
    z-index: 1;
}

    Restaurateur h1:before, Restaurateur  h2:before {
        border-top: 1px solid black;
        content: "";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 95%;
        z-index: -1;
    }

    Restaurateur h1 span, Restaurateur h2 span {
        /* to hide the lines from behind the text, you have to set the background color the same as the container */
        background-image: linear-gradient(rgba(0,0,0,0), white,white,white, rgba(0,0,0,0));
        padding: 0 15px;
        font-family: 'Yellowtail', sans-serif;
    }

Restaurateur .h2Button {
    font-family: 'Yellowtail', sans-serif;
    background-image: radial-gradient(white,rgba(0,0,0,0));
    /*background-image: linear-gradient(rgba(0,0,0,0), white,white,white, rgba(0,0,0,0));*/
}

.lightFontsCategorie
{
    font-weight:400;
}

.backgroundGradient {
    padding-top: 13px;
    padding-bottom: 13px;
    background-image: linear-gradient(rgba(0,0,0,0), white,white,white, rgba(0,0,0,0));
    box-sizing: border-box;
    width: calc(100% + 26px);
    margin-left:-15px;
}

li img{
    width:30px;
}

li
{
    list-style:none;
}