/* landing page.html styles */
.landingpage-div-navbar-styles {
    display: flex;
    position: fixed;
    top: 10px;
    left: 15px; 
}

.landingpage-a-navbar-styles {
    text-decoration: none;
    color: black;
}

.landingpage-h2-navbar-styles {
    margin: 0px;
}

.landingpage-div-title-styles {
    display: flex;
    justify-self: center;
    flex-direction: column;
}

.landingpage-h1-styles {
    display: flex;
    justify-content: center;
}

.landingpage-logo-img-styles {
    width: 200px;
    padding-bottom: 10px;
}

.landingpage-div-explenation-styles {
    display: flex;
    flex-direction: column;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: aliceblue;
    padding: 0px 20px;
    border-radius: 20px;
}

/* base.html styles */
.base-html-styles {
    background-color: white;
}

/* navbar styles */
.navbar-div-styles {
    display: flex;
    position: fixed;
    top: 0;
    left: 0; 
    justify-self: center;
    justify-content: center;
    background-color: lightblue;
    width: 100%;
    padding: 8px 0px;
}

.navbar-div-spacer-styles {
    padding: 0px 10px;
}

.navbar-logo-img-styles {
    width: 30px;
    padding-left: 5px;
}

.navbar-form-styles {
    display: flex;
    justify-content: center;
    justify-self: center;
    padding: 5px 0px;
}

.navbar-logout-button-styles {
    border:none;
    background-color: lightblue;
    font-size: 15px;
    padding: 0px;
}

.navbar-logout-button-styles:hover {
    color: azure;
    cursor:pointer;
}

/* home.html styles */
.user-information-div-styles {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
}

.user-information-div-styles-2 {
    flex-direction: column;
    background-color: aliceblue;
    padding: 0px 20px;
    border-radius: 20px;
}

.user-information-h2-styles {
    justify-self: center;
}

@media (max-width: 320px) {
    .user-information-div-styles-2 {
        font-size:smaller;}
}

@media (min-width: 1440px) {
    .navbar-logout-button-styles {
        width: 80px;
        font-size: large;}
    
    .user-information-div-styles-2 {
        font-size:x-large;}
}

/* post food.html styles */
.postfood-form-styles {
    display: flex;
    flex-direction: column;
}

/* food post styles */

.foodpost-h2-title-styles {
    display: flex;
    justify-self: center;
    border-bottom: 1px solid black;
}

.foodpost-h2-styles {
    display: flex;
    white-space: pre-wrap;
    word-wrap: break-word;
    justify-content: center;
    min-height: 56px;
    max-height: 56px;
}

.foodpost-div-main-styles {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    flex-direction: column;
}

.foodpost-div-img-styles {
    display: flex;
    justify-content: center;
    min-height: 300px;
    max-height: 300px;
}

.foodpost-div-spread-styles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.foodpost-div-styles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: aliceblue;
    padding: 0px 10px;
    border-radius: 20px;
    margin: 10px 30px;
    max-width: 320px;
    min-width: 320px;
}

.foodpost-p-rating-styles {
    margin: 0px;
}

.foodpost-p-textwrap-styles {
    margin: 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 126px;
    max-height: 126px;
}

.postfood-button-styles {
    border:none;
    background-color: lightblue;
    font-size: 15px;
    padding: 5px;
    border-radius: 5px;
}

.postfood-button-styles:hover {
    color: aliceblue;
    cursor: pointer;
}

.postfood-input-delete-styles {
    display: none;
}

.postfood-delete-button-styles {
    display: flex;
    justify-self: center;
    margin-top: 30px;
    margin-bottom: 10px;
    color: red;
}

.postfood-div-nofoodpost-styles {
    display: flex;
    flex-direction: column;
}

.postfood-nochanges-p-styles {
    color: red;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

/* logout.html styles */
.logout-div-styles {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 96vh;
}

.logout-div-styles-2 {
    display: flex;
    flex-direction: column;
    background-color: aliceblue;
    padding: 0px 20px;
    border-radius: 20px;
}

.logout-form-login-styles {
    display: flex;
    justify-content: center;
    padding: 5px 0px;
}

@media (max-width: 320px) {
    .logout-div-styles-2 {
        font-size:smaller;}

    .logout-button-login-styles {
        font-size: smaller;}
}

@media (min-width: 1440px) {
    .logout-button-login-styles {
        width: 80px;
        font-size: large;}

    .logout-div-styles-2 {
        font-size:x-large;}
}

/* login.html styles */
.login-div-spacer-styles {
    display: flex;
    justify-self: center;
}

.login-div-styles {
    display: flex;
    justify-self: center;
    justify-content: center;
    align-items: center;
    min-height: 97vh;
}

.login-div-styles-2 {
    padding: 0px 20px;
    background-color: aliceblue;
    border-radius: 20px;
}

.login-h2-styles {
    display: flex;
    justify-content: center;
}

.login-button-styles {
    display: flex;
    justify-self: center;
}

.login-p-register-styles {
    display: flex;
    justify-content: center;
}

.login-form-register-styles {
    padding-bottom: 5px;
}

.login-button-register-styles {
    display: flex;
    justify-self: center;
}

@media (min-width: 768px) {
}

@media (min-width: 1440px) {
    .login-button-register-styles {
        width: 80px;
        font-size: large;}

    .login-button-styles {
        width: 80px;
        justify-content: center;
        font-size: large;}

    .login-div-styles-2 {
        font-size:x-large;}
}

/* register.html styles */
.register-div-styles {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 96vh;
}

.register-div-styles-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2px;
    background-color: aliceblue;
    padding: 0px 20px;
    border-radius: 20px;
}

.register-button-styles {
    display: flex;
    justify-self: center;
}

.register-form-login-styles {
    padding-bottom: 5px;
}

@media (max-width: 426px) {
    .register-div-styles-2 {
        font-size:x-small;}

    .register-button-styles {
        font-size: smaller;}
    
    .register-button-login-styles {
        font-size: smaller;
    }
}

/* rate foods admin.html styles */
.admin-div-styles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: aliceblue;
    padding: 0px 10px;
    border-radius: 20px;
    margin: 10px 30px;
    max-width: 320px;
}

.activateuser-button-styles {
    display: flex;
    justify-self: center;
    margin-top: 30px;
    margin-bottom: 10px;
    color: green;
}