body {
    width: 100vw;
    height: 100vh;
}
#main {
    width: 100vw;
    height: fit-content;
    margin: 0;
    background-color: #eaf0eb;
    float: left;
}
#header {
    width: 100%;
    height: 100px;
    background-color: #8BC34A;
    display: block;
    box-shadow: 0 0 10px #1c5e27;
    z-index: 500;
    position: fixed;
    float: left;
}
#header_under {
    width: 100%;
    height: 100px;
    background-color: #8BC34A;
    float: left;
}
#login_div {
    float: right;
    height: 100%;
    min-width: 10%;
    max-width: 25%;
    display: block;
    box-shadow: 0 0 5px #2e7039;
    background-color: #8BC34A;
    transition: 500ms;
}
#register_div {
    float: right;
    height: 100%;
    min-width: 10%;
    max-width: 25%;
    display: block;
    box-shadow: 0 0 5px #2e7039;
    margin-right: 5px;
    background-color: #8BC34A;
    transition: 500ms;
}
#register_div:hover {
    background-color: #66c24a;
    box-shadow: 0 0 5px #14411b;
    transition: 500ms;
}
#login_div:hover {
    background-color: #66c24a;
    box-shadow: 0 0 5px #14411b;
    transition: 500ms;
}
#register {
    text-align: center;
    font-size: 170%;
    width: 100%;
    height: 100%;
    float: left;
    padding-top: 3vh;
    color: white;
    text-shadow: 0 0 5px #1c5e27;
}
#login {
    text-align: center;
    font-size: 170%;
    width: 100%;
    height: 100%;
    float: left;
    padding-top: 3vh;
    color: white;
    text-shadow: 0 0 5px #1c5e27;
}
#logo_div {
    float: left;
    min-width: 6%;
    max-width: 15%;
    height: 100%;
    font-size: 150%;
    display: block;
    box-shadow: 0 0 5px #267e35;
    transition: 500ms;
}
#logo {
    text-align: center;
    font-size: 110%;
    width: 100%;
    height: 100%;
    float: left;
    padding-top: 3vh;
    color: white;
    text-shadow: 0 0 5px #1c5e27;
}
#logo_div:hover {
    background-color: #66c24a;
    box-shadow: 0 0 5px #14411b;
    transition: 500ms;
}
#body_main {
    width: 100vw;
    min-height: 65rem;
    height: fit-content;
    float: left;
    background-color: #eaf0eb;
}
#body {
    width: fit-content;
    height: fit-content;
    min-height: 90%;
    float: left;
    background-color: #ffffff;
    margin-left: 10%;
    max-width: 80%;
    z-index: 450;
    box-shadow: 0 0 10px #a7b5a9;
}
#text_div1 {
    height: fit-content;
    width: 100%;
    float: left;
    
}
#h2 {
    text-align: center;
}
.text {
    font-size: 120%;
}
#healthy_food {
    width: 100%;
    height: fit-content;
    float: left;
}
#healthy_food_img {
    width: 100%;
    float: left;
}
#footer {
    width: 100%;
    height: 100px;
    position: fixed;
    float: left;
}