body, html {height: 100%}

.background {
    background-image: url("./assets/background.png");
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    padding-bottom: 10%;
    overflow: auto;
}

.signupbox, .loginbox, .foodaddbox{
    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 8%
}

.loginbox, .foodaddbox {
    margin-top: 8% !important;
    padding-bottom: 10px !important;
}

.submitbutton {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

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

.card-button {
    height: 100px;
    width: 200px;
}

.card-title {
    background-color: #FFFF00;
}

.card-text {
    background-color: #FFFF00;
}

.card-result {
    height: 10% !important;
}

.w3-theme-l5 {color:#000 !important; background-color:#fefbf5 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fcf2dc !important}
.w3-theme-l3 {color:#000 !important; background-color:#f9e6ba !important}
.w3-theme-l2 {color:#000 !important; background-color:#f5d997 !important}
.w3-theme-l1 {color:#000 !important; background-color:#f2cd75 !important}
.w3-theme-d1 {color:#000 !important; background-color:#ecb535 !important}
.w3-theme-d2 {color:#000 !important; background-color:#e9ab18 !important}
.w3-theme-d3 {color:#fff !important; background-color:#ce9613 !important}
.w3-theme-d4 {color:#fff !important; background-color:#b08010 !important}
.w3-theme-d5 {color:#fff !important; background-color:#936b0e !important}

.w3-theme-light {color:#000 !important; background-color:#fefbf5 !important}
.w3-theme-dark {color:#fff !important; background-color:#936b0e !important}
.w3-theme-action {color:#fff !important; background-color:#936b0e !important}

.w3-theme {color:#000 !important; background-color:#efc050 !important}
.w3-text-theme {color:#efc050 !important}
.w3-border-theme {border-color:#efc050 !important}

.w3-hover-theme:hover {color:#000 !important; background-color:#efc050 !important}
.w3-hover-text-theme:hover {color:#efc050 !important}
.w3-hover-border-theme:hover {border-color:#efc050 !important}