/* App Specific Style */
::-webkit-scrollbar {
    display: none; 
}

.black_coverage{
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

/* General Styling */

*{
    margin: 0;
    padding: 0;
}

a{
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}


img{
    max-width: 100%;
    max-height: 100%;
}


.bg_black{
    background-color: black;
    color: white;
}


.foody_background{
    background-image: url("/img/food_background.webp");
    background-size: cover; /* Makes the image cover the entire area */
    background-position: center center; /* Centers the image in the container */
    background-repeat: no-repeat; /* Ensures the image doesn't repeat */
}


/* Overflow Options */

.overflow_hidden{
    overflow-x: hidden;
    overflow-y: hidden;
}

.overflow_x{
    overflow-x: auto;
    overflow-y: hidden;
}


.overflow_y{
    overflow-y: auto;
    overflow-x: hidden;
}


.overflow_x_y{
    overflow-x: auto;
    overflow-y: auto;
}



/* Width Height Options */

.full_w_h{
    width: 100vw;
    height: 100vh;
}

.full_w{
    width: 100vw;
}

.full_h{
    height: 100vh;
}

.full_r_w{
    width: 100%;
}

.full_r_h{
    height: 100%;
}

.full_r_w_h{
    width: 100%;
    height: 100%;
}





/* Flexbox Styling */

.flex{
    display: flex;
}

.flex_c{
    flex-direction: column;
}

.flex_r{
    flex-direction: column;
}

.flex_r_c{
    flex-direction: row;
}

.mobile .flex_r_c{
    flex-direction: column;
}

.flex_center{
    justify-content: center;
    align-items: center;
}


/* Justify Content */

.justify_center{
    justify-content: center;
}

.justify_start{
    justify-content: flex-start;
}

.justify_end{
    justify-content: flex-end;
}

.justify_space_between{
    justify-content: space-between;
}

.justify_space_around{
    justify-content: space-around;
}

.justify_space_evenly{
    justify-content: space-evenly;
}

/* Align Items */

.align_center{
    align-items: center;
}

.align_start{
    align-items: flex-start;
}

.align_end{
    align-items: flex-end;
}


/* Text Align */

.t_align_center{
    text-align: center;
}

.t_align_left{
    text-align: left;
}

.t_align_right{
    text-align: right;
}

.t_align_justify{
    text-align: justify;
}


/* Padding */
.p_10{
    padding: 10px;
}

.p_20{
    padding: 20px;
}


/* Margin */

.m_10{
    margin: 10px;
}

.m_20{
    margin: 20px;
}

.m_30{
    margin: 50px;
}

.m_40{
    margin: 40px;
}

.m_50{
    margin: 50px;
}

.m_r_10{
    margin-right: 10px;
}

.m_r_20{
    margin-right: 20px;
}

.m_r_30{
    margin-right: 50px;
}

.m_r_40{
    margin-right: 40px;
}

.m_r_50{
    margin-right: 50px;
}

.m_r_100{
    margin-right: 100px;
}

.m_t_10{
    margin-top: 10px;
}

.m_t_20{
    margin-top: 20px;
}

.m_t_30{
    margin-top: 30px;
}

.m_t_40{
    margin-top: 40px;
}

.m_t_50{
    margin-top: 50px;
}

.m_t_80{
    margin-top: 80px;
}

.m_t_100{
    margin-top: 100px;
}

.m_t_150{
    margin-top: 150px;
}

.m_t_40p{
    margin-top: 40vh;
}

.m_t_45p{
    margin-top: 45vh;
}


.m_t_50p{
    margin-top: 50vh;
}

.m_l_10{
    margin-left: 10px;
}

.m_l_20{
    margin-left: 20px;
}

.m_l_30{
    margin-left: 50px;
}

.m_l_40{
    margin-left: 40px;
}

.m_l_50{
    margin-left: 50px;
}

.m_l_60{
    margin-left: 60px;
}

.m_l_70{
    margin-left: 70px;
}

.m_l_80{
    margin-left: 80px;
}

.m_l_90{
    margin-left: 90px;
}

.m_l_100{
    margin-left: 100px;
}

.m_b_10{
    margin-bottom: 10px;
}

.m_b_20{
    margin-bottom: 20px;
}

.m_b_30{
    margin-bottom: 50px;
}

.m_b_40{
    margin-bottom: 40px;
}

.m_b_50{
    margin-bottom: 50px;
}

.m_b_100{
    margin-bottom: 100px;
}






/* Cursor Options */

.cursor_pointer{
    cursor: pointer;
}


/* Position Options */

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}

.fixed{
    position: fixed;
}

.position_0{
    top: 0;
    left: 0;
}