#nav_Bar{
    display:flex;
}
#nav_Bar > img{
    height: 20px;
    margin-right: 5px;
}
#nav_Bar > p{
    margin-top: 0px;
    margin-right: 30px;
}
#nav{
    display: flex;
}
#nav_Bar2 > img{
    height: 20px;
    margin-right: 20px;
    margin-top: 10px;
}
#nav_Bar{
    margin-right: 400px;
}
#nav > button{
    width: 100px;
    height: 40px;
    color: white;
    font-size: 16px;
    background-color: #E53935;
    border: 1px solid #E53935;
    font-weight: bolder;
    border-radius: 20px;
}
#nav2{
    display: flex;
    padding: 20px;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 100;
}
#nav2 > div:nth-child(1) > img{ 
    width: 90px;
    margin-left: 100px;
}
#nav2 > div:nth-child(1){
    margin-right: 100px;
}
#nav2 > button{
    width: 200px;
    font-weight: bolder;
    border-radius: 50px;
    padding: 0 30px;
    height: 50px;
    background-color: #E53935;
    border: 1px solid #E53935;
    color: white;
    margin-left: 50px;
}

#but{
    margin-top: 5px;
    display: flex;
    overflow: hidden;
    margin-left: 100px;
}

#but  p{
    /* width: 100px; */
    font-weight: bolder;
    margin-right: 20px;

}
#but > p:hover{
    color: #8ec038;
    text-decoration: underline;
}

.dropdown:hover .dropdown-content{
    display: block;
}
.dropdown:hover p{
    color: #8ec038;
    text-decoration: underline;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    padding: 15px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
    z-index: 1;
    border-radius: 15px;
  }

.dropdown-content a{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
  }
.dropdown-content a:hover{
    color: #f1f1f1;
    background-color: #8ec038;
   border-radius: 20px;

}

#slide_show > img{
    width: 1335px;
}

.size{
    font-size: 50px;
}
#tick_li > ul{
    list-style: none;
    text-indent: -2em;
}
#tick_li > ul > li{
   margin-bottom: 35px;
   font-size: 18px;
}
#tick_li > ul li:before {
 content: '✓';
 color: #8ec038;
}
#three_div{
   display: grid;
   grid-template-columns: 600px 300px 300px;
   margin-top: 50px;
   margin-left: 50px;
}
#three_div_img > img{
    height: 300px;
}
#three_div > button{
    width: 180px;
    padding: 20px;
    border-radius: 30px 30px 30px 30px;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    background-color:black;
    border: black;
    color: white;
    font-weight: bold;
    margin-top: 50px;
}
.line_height{
    line-height: 30px;
    font-size: 17px;
}
.marg{
    margin-left: 40px;
}
ul > li {
    font-size: 20px;
    margin-bottom: 10px;
}
#grey_back{
    background-color: #f3f5ed;
}
#bottom_para_one{
    width: 900px;
    margin: auto;
    text-align: center; 
    margin-top: 50px; 
    padding-top: 100px;
}
#bottom_para_one > h1:nth-child(1){
    font-weight: lighter; 
    font-size: 45px;
    margin-bottom: 1px;
}
#bottom_para_one > h1:nth-child(2){ 
    font-size: 50px;
    margin-top: 1px;
}
#bottom_para_one > p{ 
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

.image{
    width: 90px;
    height: 90px;
    background-color:#8ec038;
    padding: 20px;
    border-radius: 50%;
    
}

.image:hover{
    transform: rotateY(3.142rad);
    transition-duration: 0.7s;
    /* background-color: white; */
}
.image > img{
    width: 90px;
}
#bottom_para_two{
    width: 1050px;
    margin: auto;
    display: grid;
    grid-template-columns: 250px 250px 250px 250px;
    column-gap: 20px;
    margin-bottom: 50px;
}
#four_button{
    display: flex; 
    margin-top: 50px;
    padding-left: 60px; 
    margin-bottom: 20px;
}
#four_button > button{
    width: 220px;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 40px;
    border-radius: 25px 25px 25px 25px;
    border:2px solid white;
    background-color: white;
}
#four_button > button:focus{
    border: 2px solid #8ec038;
    color: #8ec038;
    
}

#rotating_img > div{
    padding-top: 100px;

}
#background_green{
    background-image: url("https://images.pexels.com/photos/60560/parsley-seasoning-greens-salad-60560.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500");
    height: 800px;
    margin-top: 10px;
    padding: 100px 0;
}
#Hungry_yet{
    background-color: white;
    /* border: 1px solid red;  */
    width: 1150px;
    margin: auto;
    padding-bottom: 90px;
    border-radius: 20px;
}

#Hungry_yet > div > p{
    text-align: center; 
    padding-top: 50px; 
    font-family: 'Sacramento', cursive; 
    font-size: 40px;
    color: #8ec038;
    margin-bottom: 1px;
}
#Hungry_yet > div > h1{
    text-align: center; 
    /* padding-top: 50px;  */
    font-family: 'Fira Sans', sans-serif;
    margin-top: 1px;
    font-size: 45px;
}

#Weightloss{
    display: flex;
    width: 1000px;
    margin:10px auto;
    column-gap: 30px;
   
}
#Weightloss > img{
    border-radius: 20px;
}
#Weightloss > div > h1{
    font-family: 'Fira Sans', sans-serif;
}
#Weightloss > div > button{
    width: 200px; 
    padding: 20px 10px;
    font-size: 15px;
    font-weight: bold;
    background-color: #E53935;
    border: 1px solid #E53935;
    color:white;
    border-radius: 30px 30px 30px 30px;
    margin-top: 100px;
}
#Weightloss > div > button:hover{
    background-color: black;
    border: 1px solid black;
    transition: 1s ease-in-out;
}

#background_meal{
    background-image: url("https://images.pexels.com/photos/6249398/pexels-photo-6249398.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

#meal_cover{
    background: static;
    text-align: center;
    color: white;
    width: 500px;
    margin: auto;
    padding-top: 70px;

}
#meal_cover > h1{
   font-size: 40px;
}
#meal_cover > button{
    width: 150px;
    height:50px;
    color: white;
    font-size: 16px;
    background-color: #E53935;
    border: 1px solid #E53935;
    border-radius: 30px;
    font-family: 'Fira Sans', sans-serif;
}

#after_meal{
    display: flex;
   column-gap: 100px;
   margin-left: 100px;
}

#after_meal > div:nth-child(1){
    width: 400px;
    margin-right: 300px;
}

#after_meal > div:nth-child(1) > button{
    width: 200px;
    padding: 20px 10px;
    border-radius: 30px;
    background-color: #E53935;
    border: 1px solid #E53935;
    color: white;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-top: 50px;

}

#slide_show{
    width: 1200px;
    text-align: center;
    font-size: 45px;
    font-weight: lighter;

}
.cursive{
    font-family: 'Sacramento', cursive;
}

#back_greencolor{
    background-color:#8ec038;
    padding-top: 50px;
    padding-bottom: 50px;
}
#input_email{
    width: 300px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid white;
}

#back_greencolor > div > button{
    background-color: #E53935;
    border: 1px solid #E53935;
    width: 150px;
    height: 55px;
    color: white;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
    border-radius: 30px;
    margin-left: -50px;
    margin-bottom: 100px;

}
#mySlideshow{
    /* border: 1px solid red; */
    height: 400px;
    display: flex;
}
.w3-animate-right {
    display: grid;
    grid-template-columns: 350px 350px 350px;
    gap: 10px;
    height: 400px;
    margin-left: 140px;
}
.w3-animate-right > img{
    width: 330px;
    height: 400px;
    
}
.w3-animate-right{
    position:absolute;
    animation:animateright 0.1s;
}
@keyframes animateright{
    from{right:-100px;opacity:0} 
    to{right:0px;opacity:1}
}


#last_div{
    display: grid;
    width: 1000px;
    grid-template-columns: 200px 200px 200px 200px;
    gap: 40px;
    margin: auto;
}

#last_div_one > img{
    width: 20px;
    margin-right: 10px;
    background-color: white;
}
.one_by_one > button{
    width: 100px;
    margin-top: 10px;
    color: white;
    background-color: #1a343a;
    border: 1px solid #1a343a;
    font-size: 14px;
    font-weight: bolder;
}


.small_image{
    display: flex;
    gap: 10px;
}
.small_image > img{
    width: 20px;
    height: 20px;
}
.marg{
    margin-top: 0;
    margin-left: 0;
   
}
.white{
    color: white;
}
.white_marg{
    margin-left: 50px;
    margin-top: 0;
}
/* .indent{
    text-indent: +3em;
} */

#food_blog{
    padding-left: 150px;
}
#food-blog{
    text-align: center;
    font-size: 45px;
}
#recent-articles{
    font-family: 'Fira Sans', sans-serif;
    font-size: 45px;
    font-weight: 700;
}
#food_blog > button{
    width: 200px;
    font-weight: bolder;
    border-radius: 50px;
    padding: 0 30px;
    height: 50px;
    background-color: #E53935;
    border: 1px solid #E53935;
    color: white;
   margin: 50px 400px;
}
.food_blog_divs{
   background-color: #f3f5ed;
   border-radius: 20px;
   
}
.food_blog_divs > div{
    padding: 50px;
    
 }

.fira{
    font-family: 'Fira Sans', sans-serif;
}
.open{
    font-family: 'Open Sans', sans-serif;
}
.sacra{
    font-family: 'Sacramento', cursive;
}
.green_color{
    color:#8ec038;
}
.green{
    color: #8ec038;
}