h1 {
    text-align: center;
}

div.menu{
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 10%;
    margin-bottom: 40px;

    position: relative;
}

img.menu {
    height: 100%;
    width: 80%;
    box-shadow: 5px 5px 5px black;

    cursor: pointer;
    transition: transform 0.3s ease;
}

div.commande {
    display: flex;
    justify-content: center;
    width: 40%;
    margin: 0 30%;
    margin-bottom: 50px;
}

form.commande{
    display: grid;
    grid-template-areas: 
    "cocktail"
    "nom";
}

div.commandes {
    display: flex;
    justify-content: center;
    width: 40%;
    margin: 0 30%;
    margin-bottom: 40px;
}

td.En_attente {
    background-color: var(--table-en-attente) !important;
}
td.En_préparation {
    background-color: var(--table-en-preparation) !important;
}

div.cocktails_passees {
    display: flex;
    justify-content: center;
    width: 40%;
    margin: 0 30%;
    margin-bottom: 75px;
}

td.Terminé {
    background-color: var(--table-termine) !important;
}
td.Annulé {
    background-color: var(--table-annule) !important;
}

#btn_commander {
    cursor: pointer;
}