body{
    background-color: #0D0D0D;
    color: white ;
  
}

.total {
    background-color: #0D0D0D;
}

.logo{
    width: 50px;
}

i{
    cursor: pointer;
}
ul li 
{
    cursor: pointer;
}
.pointer
{
    cursor: pointer;
}

.meal-layer{
    width: 100%;
    height: 100%;
    background-color: #f9f6f6ca;
    top: 100%;
    transition: .5s;
}

.meal:hover .meal-layer{
    top: 0;
}

.side-nav{
    z-index: 999;
}



.alert{
    width: fit-content;
}



.loading{
    position: absolute;
    z-index: 99;
    background-color: #0D0D0D;
    display: flex;
}