/*? ------------------------------- -general/global- css ------------------------------ */
img {
    width: 100%;
    height: auto;
}
span {
    display: inline-block;
}
.pointer {
    cursor: pointer;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
/*? ------------------------------- -custom- css --------------------------------------- */
body {
    background-color: #0d0d0d;
    color: #f9f6f6 !important;
    overflow: hidden;
}
.load {
    z-index: 999;
    display: flex;
}
.innerLoad {
    position: absolute;
    z-index: 9;
    background-color: #0d0d0d;
    display: flex;
}
.sideNav {
    z-index: 99;
}
.navTab {
    background-color: #0d0d0d;
}
.logo {
    width: 50px;
}
.meal-layer {
    width: 100%;
    height: 100%;
    background-color: #f9f6f6ca;
    top: 100%;
    transition: 0.5s;
}
.meal:hover .meal-layer {
    top: 0;
}
.alert {
    width: fit-content;
}
#searchContainer input::placeholder {
    color: white !important;
    opacity: 0.7; 
}
#contact label {
    color: black !important;;
}