*{box-sizing:border-box;font-family:Cabin;margin:0;padding:0}body{background-color:#f3ebd4}.hero{align-items:center;background-image:url(/static/media/banner.89e29f2165570b6fa479.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:40vh;margin-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;width:100%}@media screen and (min-width:768px){.hero{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.hero{padding-left:6rem;padding-right:6rem}}@media screen and (min-width:768px){.hero{margin-bottom:1rem}}@media screen and (min-width:1280px){.hero{margin-bottom:2rem}}@media screen and (min-width:768px){.hero{height:50vh}}@media screen and (min-width:1280px){.hero{height:60vh}}.hero__title{color:#f3ebd4;font-size:1.5rem;font-weight:600;line-height:2rem}@media screen and (min-width:768px){.hero__title{font-size:3.75rem;font-weight:600;line-height:4.25rem}}.home-body{align-items:center;display:flex;flex-direction:column;height:100%;margin-bottom:1.5rem;margin-top:1rem;padding-left:.75rem;padding-right:.75rem;width:100%}@media screen and (min-width:768px){.home-body{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.home-body{padding-left:6rem;padding-right:6rem}}.home-body__cards{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;width:100%}@media screen and (min-width:768px){.home-body__cards{flex-direction:row}}.home-body__card{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.home-body__card{margin-bottom:1rem}}@media screen and (min-width:1280px){.home-body__card{margin-bottom:2rem}}@media screen and (min-width:768px){.home-body__card{padding:1rem;width:33%}}@media screen and (min-width:1280px){.home-body__card{width:20%}}@media screen and (min-width:768px){.home-body__card{height:auto;margin:auto}}.home-body__user{border-bottom:1px solid #000;cursor:pointer;margin:auto 0 5px}.home-card{align-items:center;border:3px solid #000;border-radius:25px;cursor:pointer;display:flex;height:60px;padding:1rem;width:100%}@media screen and (min-width:768px){.home-card{display:flex;flex-direction:column;height:auto;padding-top:1rem;width:100%}}.home-card__text{margin-right:auto}@media screen and (min-width:768px){.home-card__text{margin:auto auto 2rem}}.home-card__icon{max-width:2rem}@media screen and (min-width:768px){.home-card__icon{max-width:3rem}}.error{align-items:center;color:#222728;display:flex}.error__icon{margin-right:8px;max-width:1rem}@media screen and (min-width:768px){.error__icon{max-width:2rem}}.user-details{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto;width:100%}.user-details__contents{background-color:#3f5546;bottom:0;color:#f3ebd4;display:flex;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute;width:100%}@media screen and (min-width:768px){.user-details__contents{bottom:auto;height:40%;width:80%}}@media screen and (min-width:1280px){.user-details__contents{height:50%;width:70%}}.user-details__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.user-details__title{margin-right:auto}.user-details__icon{max-width:2rem}@media screen and (min-width:768px){.user-details__icon{max-width:3rem}}.user-details__img{max-height:40%}.user-details__detail{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.user-details__detail{margin-bottom:1rem}}@media screen and (min-width:1280px){.user-details__detail{margin-bottom:2rem}}.user-details__label{margin-right:.5rem}.back{margin-right:8px;max-width:2rem}@media screen and (min-width:768px){.back{max-width:3rem}}.login{padding-left:.75rem;padding-right:.75rem}@media screen and (min-width:768px){.login{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.login{padding-left:6rem;padding-right:6rem}}.login__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.login__form{display:flex;flex-direction:column}.login__input{border:3px solid #000;border-radius:10px;font-size:.75rem;font-weight:400;height:2.5rem;line-height:1.25rem;margin-bottom:.5rem;padding:.25rem;width:100%}@media screen and (min-width:768px){.login__input{font-size:1rem;line-height:1.25rem;margin-bottom:1rem}}@media screen and (min-width:1280px){.login__input{margin-bottom:2rem}}.login__button{border:3px solid #000;border-radius:15px;color:#000;height:2rem;width:100%}.register{padding-left:.75rem;padding-right:.75rem}@media screen and (min-width:768px){.register{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.register{padding-left:6rem;padding-right:6rem}}.register__form{display:flex;flex-direction:column}.register__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.register__input{border:3px solid #000;border-radius:10px;font-size:.75rem;font-weight:400;height:2.5rem;line-height:1.25rem;margin-bottom:.5rem;padding:.25rem;width:100%}@media screen and (min-width:768px){.register__input{margin-bottom:1rem}}@media screen and (min-width:1280px){.register__input{margin-bottom:2rem}}@media screen and (min-width:768px){.register__input{font-size:1rem;line-height:1.25rem}}.register__button{border:3px solid #000;border-radius:15px;color:#000;height:2rem;width:100%}.header{align-items:center;background-color:#7e5a64;display:flex;height:4rem;padding-left:.75rem;padding-right:.75rem;width:100%}@media screen and (min-width:768px){.header{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.header{padding-left:6rem;padding-right:6rem}}@media screen and (min-width:768px){.header{height:5rem}}.header__logo{height:100%}.header__title{height:70%;margin-right:auto}.header__user{align-items:center;display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem}@media screen and (min-width:768px){.header__user{font-size:1.5rem;line-height:2rem}}.header__username{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:8px}.header__auth{display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem}@media screen and (min-width:768px){.header__auth{font-size:1.5rem;line-height:2rem}}.header__login{cursor:pointer;margin-right:2rem}.header__signup{cursor:pointer}.pantries{padding-left:.75rem;padding-right:.75rem}@media screen and (min-width:768px){.pantries{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.pantries{padding-left:6rem;padding-right:6rem}}.pantries__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.pantries__icon{max-width:2rem}@media screen and (min-width:768px){.pantries__icon{max-width:3rem}}.pantries__cards{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none}@media screen and (min-width:768px){.pantries__cards{flex-direction:row}}.pantries__card{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.pantries__card{margin-bottom:1rem}}@media screen and (min-width:1280px){.pantries__card{margin-bottom:2rem}}@media screen and (min-width:768px){.pantries__card{padding:1rem;width:33%}}@media screen and (min-width:1280px){.pantries__card{width:20%}}.new-card{align-items:center;border:3px solid #000;border-radius:25px;cursor:pointer;display:flex;height:60px;padding:0 1rem;width:100%}@media screen and (min-width:768px){.new-card{display:flex;flex-direction:column;height:auto;padding-top:1rem;width:100%}}.new-card__title{align-items:center;display:flex;font-size:.75rem;font-weight:400;height:40%;line-height:1.25rem;width:100%}@media screen and (min-width:768px){.new-card__title{font-size:1rem;line-height:1.25rem;margin-bottom:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.new-card__icon{align-items:center;display:flex;justify-content:center;max-width:2rem}@media screen and (min-width:768px){.new-card__icon{margin-bottom:.5rem;max-width:3rem}}.item-card{align-items:center;border:3px solid #000;border-radius:25px;cursor:pointer;display:flex;height:60px;padding:0 1rem;width:100%}@media screen and (min-width:768px){.item-card{display:flex;flex-direction:column;height:auto;padding-top:1rem;width:100%}}.item-card__body{display:flex;margin-right:auto;width:100%}@media screen and (min-width:768px){.item-card__body{align-items:center;flex-direction:column;justify-content:center}}.item-card__title{font-size:.75rem;font-weight:400;line-height:1.25rem}@media screen and (min-width:768px){.item-card__title{font-size:1rem;line-height:1.25rem;margin-bottom:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.item-card__icon{display:none;max-width:2rem}@media screen and (min-width:768px){.item-card__icon{display:inline;display:initial;margin-bottom:.5rem;max-width:3rem}}.item-card__buttons{display:flex}@media screen and (min-width:768px){.item-card__buttons{align-items:end;justify-content:space-between;padding:1rem 0;width:100%}}.item-card__bt{margin-left:4px;max-width:2rem}@media screen and (min-width:768px){.item-card__bt{margin:0;max-width:3rem}}.load-card{align-items:center;border:3px solid #000;border-radius:25px;cursor:pointer;cursor:default;display:flex;height:60px;padding:0 1rem;width:100%}@media screen and (min-width:768px){.load-card{display:flex;flex-direction:column;height:auto;padding-top:1rem;width:100%}}.load-card__body{align-items:center;display:flex;margin-right:auto;width:100%}@media screen and (min-width:768px){.load-card__body{align-items:center;flex-direction:column;justify-content:center}}.load-card__title{font-size:.75rem;font-weight:400;line-height:1.25rem;margin-right:auto}@media screen and (min-width:768px){.load-card__title{font-size:1rem;line-height:1.25rem;margin:auto}}.load-card .lds-ellipsis{align-items:center;display:flex;height:80px;position:relative;width:80px}.load-card .lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.load-card .lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.load-card .lds-ellipsis div:nth-child(2){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite;left:8px}.load-card .lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite;left:32px}.load-card .lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.new-pantry{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto;width:100%}.new-pantry__content{background-color:#3f5546;bottom:0;color:#f3ebd4;display:flex;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute;width:100%}@media screen and (min-width:768px){.new-pantry__content{height:100%;right:0;width:60%}}@media screen and (min-width:1280px){.new-pantry__content{height:100%;right:0;width:40%}}.new-pantry__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.new-pantry__icon{margin-right:auto;max-width:2rem}@media screen and (min-width:768px){.new-pantry__icon{max-width:3rem}}.new-pantry__image{max-height:40%}.new-pantry__form{display:flex;flex-direction:column}.new-pantry__label{margin-bottom:4px}.new-pantry__input{border:3px solid #000;border-radius:10px;font-size:.75rem;font-weight:400;height:2.5rem;line-height:1.25rem;margin-bottom:.5rem;padding:.25rem;width:100%}@media screen and (min-width:768px){.new-pantry__input{margin-bottom:1rem}}@media screen and (min-width:1280px){.new-pantry__input{margin-bottom:2rem}}@media screen and (min-width:768px){.new-pantry__input{font-size:1rem;line-height:1.25rem}}.new-pantry__button{border:3px solid #000;border-radius:15px;color:#000;height:2rem;margin-bottom:.5rem;width:100%}.pantry-details{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto;width:100%}.pantry-details__content{background-color:#3f5546;bottom:0;color:#f3ebd4;display:flex;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute;width:100%}@media screen and (min-width:768px){.pantry-details__content{height:100%;right:0;width:60%}}@media screen and (min-width:1280px){.pantry-details__content{height:100%;right:0;width:40%}}.pantry-details__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.pantry-details__icon{margin-right:8px}.pantry-details__image{max-height:50%}.pantry-details__detail{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.pantry-details__detail{margin-bottom:1rem}}@media screen and (min-width:1280px){.pantry-details__detail{margin-bottom:2rem}}.pantry-details__label{margin-right:8px}.pantry-details__icon{max-width:2rem}@media screen and (min-width:768px){.pantry-details__icon{max-width:3rem}}.pantry-edit{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto;width:100%}.pantry-edit__content{background-color:#3f5546;bottom:0;color:#f3ebd4;display:flex;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute;width:100%}@media screen and (min-width:768px){.pantry-edit__content{height:100%;right:0;width:60%}}@media screen and (min-width:1280px){.pantry-edit__content{height:100%;right:0;width:40%}}.pantry-edit__title{margin-right:auto}.pantry-edit__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.pantry-edit__image{max-height:40%}.pantry-edit__form{display:flex;flex-direction:column;margin-bottom:.5rem}@media screen and (min-width:768px){.pantry-edit__form{margin-bottom:1rem}}@media screen and (min-width:1280px){.pantry-edit__form{margin-bottom:2rem}}.pantry-edit__input{border:3px solid #000;border-radius:10px;font-size:.75rem;font-weight:400;height:2.5rem;line-height:1.25rem;margin-bottom:4px;padding:.25rem;width:100%}@media screen and (min-width:768px){.pantry-edit__input{font-size:1rem;line-height:1.25rem}}.pantry-edit__button{border:3px solid #000;border-radius:15px;color:#000;height:2rem;width:100%}.pantry-edit__cancel{margin-bottom:2rem;margin-top:auto}.error-card{align-items:center;border:3px solid #000;border-radius:25px;cursor:pointer;display:flex;height:60px;justify-content:center;padding:0 1rem;width:100%}@media screen and (min-width:768px){.error-card{display:flex;flex-direction:column;height:auto;padding-top:1rem;width:100%}}.pantry{padding-left:.75rem;padding-right:.75rem}@media screen and (min-width:768px){.pantry{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:1280px){.pantry{padding-left:6rem;padding-right:6rem}}.pantry__head,.pantry__header{align-items:center;display:flex}.pantry__header{margin-bottom:1.5rem;margin-right:auto;margin-top:1rem}.pantry__icon{margin-right:.5rem;max-width:2rem}@media screen and (min-width:768px){.pantry__icon{max-width:3rem}}.pantry__buttons{display:flex}.foods__header{padding-bottom:1rem}.foods__list{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none}@media screen and (min-width:768px){.foods__list{flex-direction:row}}.foods__list-item{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.foods__list-item{margin-bottom:1rem}}@media screen and (min-width:1280px){.foods__list-item{margin-bottom:2rem}}@media screen and (min-width:768px){.foods__list-item{padding:1rem;width:33%}}@media screen and (min-width:1280px){.foods__list-item{width:20%}}.food-new{background-color:rgba(63,85,70,.5)}.food-stale{background-color:hsla(17,30%,63%,.5)}.food-old{background-color:rgba(126,90,100,.5)}.new-food{align-items:center;background-color:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto}.new-food,.new-food__content{bottom:0;display:flex;width:100%}.new-food__content{background-color:#3f5546;color:#f3ebd4;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute}@media screen and (min-width:768px){.new-food__content{height:100%;right:0;width:60%}}@media screen and (min-width:1280px){.new-food__content{height:100%;right:0;width:40%}}.new-food__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.new-food__form{margin-bottom:auto}.new-food__propmt,.new-food__text{margin-bottom:.5rem}@media screen and (min-width:768px){.new-food__text{margin-bottom:1rem}}@media screen and (min-width:1280px){.new-food__text{margin-bottom:2rem}}.new-food__input{color:#000;margin-bottom:.5rem}@media screen and (min-width:768px){.new-food__input{margin-bottom:1rem}}@media screen and (min-width:1280px){.new-food__input{margin-bottom:2rem}}.new-food__radio-group{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.new-food__radio-group{margin-bottom:1rem}}@media screen and (min-width:1280px){.new-food__radio-group{margin-bottom:2rem}}.new-food__radio{display:flex;margin-right:auto}.new-food__radio-button{margin-right:5px}.new-food__list-title{margin-bottom:1.5rem;margin-top:1rem}.new-food__list{margin-bottom:1rem}.cart-section__button,.new-food__button{border:3px solid #000;border-radius:15px;color:#000;height:2rem;width:100%}.cart{max-height:60%;overflow-y:auto}@media screen and (min-width:768px){.cart{max-height:100%}}.cart__item{align-items:center;display:flex}.cart__name{margin-right:3rem;width:40%}.cart__type{margin-right:auto}.food-details{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:auto;top:auto;width:100%}.food-details__content{background-color:#3f5546;bottom:0;color:#f3ebd4;display:flex;flex-direction:column;height:80%;overflow-y:auto;padding:1rem;position:absolute;width:100%}@media screen and (min-width:768px){.food-details__content{height:100%;right:0;width:60%}}@media screen and (min-width:1280px){.food-details__content{height:100%;right:0;width:40%}}.food-details__header{align-items:center;display:flex;margin-bottom:1.5rem;margin-top:1rem}.food-details__image{max-height:50%}.food-details__detail{display:flex;margin-bottom:.5rem}@media screen and (min-width:768px){.food-details__detail{margin-bottom:1rem}}@media screen and (min-width:1280px){.food-details__detail{margin-bottom:2rem}}.food-details__label{margin-right:.5rem}@font-face{font-family:Cabin;font-weight:400;src:url(/static/media/Cabin-Regular.3dcfc7c86c62fd6e3b55.ttf)}@font-face{font-family:Cabin;font-weight:500;src:url(/static/media/Cabin-Medium.48ca59fbd6b5268425e5.ttf)}@font-face{font-family:Cabin;font-weight:600;src:url(/static/media/Cabin-SemiBold.041f3966c0c9d4cb0f44.ttf)}@font-face{font-family:Cabin;font-weight:700;src:url(/static/media/Cabin-Bold.4de0d00e58820dd193e2.ttf)}.section-button{align-items:center;border:3px solid #000;border-radius:100%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:1rem;padding:.25rem}.section-button--active{background-color:#7e5a64}@media screen and (min-width:768px){.section-button{border-radius:25px;padding:.5rem 1rem}}.section-button__icon{max-width:2rem}@media screen and (min-width:768px){.section-button__icon{max-width:3rem}}.section-button__label{display:none}@media screen and (min-width:768px){.section-button__label{display:contents}}
/*# sourceMappingURL=main.41387a6f.css.map*/