body{
    overflow: hidden;
    background-color: #0d0d0d;  
    min-height: 100vh;  
}

.loading-screen{
    z-index: 9999; 
    display: flex;
}

.inner-Loading-screen{
    display: flex;
    position: absolute;
    z-index: 99;
    background: #000;
}
.navSlider {
    width: 270px;
    height: 100vh; /* Explicitly set height to 100% of viewport height */
    z-index: 999;
}

.nav-dark, .nav-white {
    height: 100%; /* Ensure child nav elements take full height of parent */
}

.nav-white { 
    width: 80px !important; 
    padding: 10px 0;
}

.nav-white img { 
    width: 100%;  
}

ul li{
    cursor: pointer;
}

.nav-white img{
   width: 70%;
}

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

.mealImage:hover .mealLayer{
    top: 0;
}




input.form-control::placeholder {
    color: #868383;
    opacity: 1;
}

.pointer{
    cursor: pointer;
}


.recipes li , .tags li{
    padding: 5px;
    margin: 5px;
}