@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column}body *,body .h1,body .h2,body .h3,body .h4,body .h5,body .h6,body h1,body h2,body h3,body h4,body h5,body h6,body p{font-family:"Montserrat",Arial,Helvetica,sans-serif}body p{line-height:1.2}body .no-a-style,body li a{text-decoration:none}body .h1,body h1{font-weight:500;font-size:2rem}body .h2,body h2{font-weight:500;font-size:1.125rem}body .h3,body h3{font-weight:500;font-size:1rem}body .h4,body .h5,body .h6,body h4,body h5,body h6{font-size:.875rem;font-weight:500}body .nav-heading{font-size:.75rem;font-weight:500}body .dashboard .greeting{margin:2rem 0}body .dashboard .meals{display:flex;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;grid-row-gap:2rem;row-gap:2rem;flex-wrap:wrap;margin:2rem 0}body .dashboard .meals a{background-color:#489f68;padding:.4rem;border-radius:10px;text-decoration:none;color:#fff}body .dashboard .meals .meal-card{border:3px solid #489f68;border-radius:16px;max-width:320px;height:400px;display:flex;flex-direction:column}body .dashboard .meals .meal-card h2{margin:1rem;font-weight:700}body .dashboard .meals .meal-card p{margin:1rem 1rem auto}body .dashboard .meals .meal-card img{width:calc(100% - 1rem);border-radius:16px;margin:.5rem}body .dashboard .meals .meal-card button{width:calc(100% - 1rem);align-self:flex-end;border-radius:10px;margin:.5rem}body .shopping-list .aisles{height:100vh;display:flex;flex-wrap:wrap;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem}body .shopping-list .aisles .aisle{width:450px}body .shopping-list .aisles .aisle h2.aisle-title{background-color:rgba(116,192,144,.3);padding:.55rem}body .shopping-list .aisles .aisle .food-item{display:flex;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem}body .shopping-list .aisles .aisle .food-item .food-item__name{flex:2 1;padding-left:.55rem}body .shopping-list .aisles .aisle .food-item .food-item__cost,body .shopping-list .aisles .aisle .food-item .food-item__measurement{flex:1 1}body .shopping-list .aisles .aisle .food-item .food-item__bought{flex:0.5 1}body .shopping-list .total-cost{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:450px;font-weight:700;background-color:rgba(35,186,168,.3);padding:1rem}body .pantry .pantry-items{width:550px}body .pantry .pantry-items form button{margin-top:1.5rem;text-align:center}body .pantry .pantry-items .remove{font-size:2rem;padding:0;margin-right:.55rem}body .pantry .pantry-items .category-title{background-color:rgba(116,192,144,.3);padding:.55rem}body .pantry .pantry-items .pantry-item{display:flex;padding-left:.55rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}body .pantry .pantry-items .pantry-item .pantry-item__name{flex:2 1}body .pantry .pantry-items .pantry-item .pantry-item__expiry,body .pantry .pantry-items .pantry-item .pantry-item__quantity{flex:1 1}body .pantry .pantry-items .new-item{display:flex;flex-direction:row;padding-left:.55rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}body .pantry .pantry-items .new-item .pantry-item__name{flex:2 1}body .pantry .pantry-items .new-item .pantry-item__expiry,body .pantry .pantry-items .new-item .pantry-item__quantity{flex:1 1}body .pantry .pantry-items .new-item input{width:80%;height:1.75rem}body .user-preferences{display:flex}body .user-preferences .subnav{display:flex;flex-direction:column;width:250px;align-items:center;margin-top:100px;grid-row-gap:2rem;row-gap:2rem}body .user-preferences .subnav button{cursor:pointer;border-radius:0;background:none;border:0;max-width:200px;font-size:1.1rem}body .user-preferences .subnav button.selected{color:#489f68;font-weight:700;border-left:4px solid #489f68}body .user-preferences .account-settings{display:flex;flex-direction:column;padding:2rem;width:700px}body .user-preferences .account-settings h1{text-align:center}body .user-preferences .account-settings h4{padding-top:0}body .user-preferences .account-settings>{padding:1rem}body .user-preferences .account-settings .user-details{display:flex;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem}body .user-preferences .account-settings .user-details input{height:1.45rem}body .user-preferences .account-settings .user-details input[type=email]{width:250px}body .user-preferences .account-settings .change-password{margin-top:2rem}body .user-preferences .food-preferences{max-width:1100px;padding:2rem}body .user-preferences .food-preferences .food-preference__container{display:grid;grid-template-areas:"left right";text-align:left;grid-template-columns:60% 40%}body .user-preferences .food-preferences .food-preference__container .food-preference__left{grid-area:left;border-right:2px solid grey}body .user-preferences .food-preferences .food-preference__container .food-preference__right{grid-area:right;margin-left:2rem}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies>div,body .user-preferences .food-preferences .food-preference__container .food-preference__options>div{flex-direction:row;align-items:center}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies input[type=checkbox],body .user-preferences .food-preferences .food-preference__container .food-preference__allergies input[type=radio],body .user-preferences .food-preferences .food-preference__container .food-preference__options input[type=checkbox],body .user-preferences .food-preferences .food-preference__container .food-preference__options input[type=radio]{opacity:0;position:fixed;width:0}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label,body .user-preferences .food-preferences .food-preference__container .food-preference__options label{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;font-family:sans-serif,Arial;font-size:16px;border:2px solid #444;border-radius:8px;cursor:pointer;width:120px;text-align:center;margin:5px}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label svg,body .user-preferences .food-preferences .food-preference__container .food-preference__options label svg{height:50px;margin-bottom:.25rem}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__options label svg *{stroke:#000}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.active,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.selected,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label:hover,body .user-preferences .food-preferences .food-preference__container .food-preference__options label.active,body .user-preferences .food-preferences .food-preference__container .food-preference__options label.selected,body .user-preferences .food-preferences .food-preference__container .food-preference__options label:hover{background-color:rgba(72,159,104,.2);border-color:#177a6e;color:#177a6e}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.active svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.selected svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label:hover svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__options label.active svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__options label.selected svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__options label:hover svg *{stroke:#177a6e}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies{flex-direction:row}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies>div{flex-direction:row;align-items:center;justify-content:center;margin-left:0}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies input[type=checkbox],body .user-preferences .food-preferences .food-preference__container .food-preference__allergies input[type=radio]{opacity:0;position:fixed;width:0}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label{padding:1rem 2rem;font-family:sans-serif,Arial;font-size:16px;width:80px;height:60px;text-align:center;margin:5px}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label svg{height:40px}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label svg *{stroke:#000}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.active,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label:hover{background-color:rgba(72,159,104,.2);border-color:#177a6e;color:#177a6e}body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label.active svg *,body .user-preferences .food-preferences .food-preference__container .food-preference__allergies label:hover svg *{stroke:#177a6e}body .user-preferences .food-preferences #food-preference-entry{text-align:center}body .about-us p{max-width:700px}body .about-us .images{display:flex;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;margin-top:2rem}body .about-us .images img{max-height:200px}body .btn{padding:11px 55px;font-weight:500;font-size:1rem;text-transform:none;border-radius:0;border-radius:6px;border:none}body .btn.outline{background-color:transparent;border:4px solid #489f68;color:#489f68}body .btn.solid{background-color:#489f68;color:#fff}body .btn.no-style{background-color:transparent}body .btn:hover{cursor:pointer}body .top-nav-bar{border-bottom:2px solid #d3d3d3;justify-content:space-between}body .top-nav-bar,body .top-nav-bar ul{display:flex;flex-direction:row;list-style:none}body .top-nav-bar ul{padding:1rem;margin:0}body .top-nav-bar *{color:#000}body .top-nav-bar img{max-width:112px}body .top-nav-bar li{padding-right:2rem}body .top-nav-bar .account{margin:1rem 2rem 1rem 1rem;display:flex;flex-direction:row}body .top-nav-bar .account svg{height:3rem}body .top-nav-bar .account .logout{margin-right:2rem}body .card{border:4px solid #489f68;border-radius:16px;padding:1rem;box-shadow:4px 4px 4px 1px rgba(0,0,0,.2)}body .body-content.login-page-content,body .body-content.sign-up-content{display:grid;grid-template-areas:"form images";margin:3.5rem;grid-template-columns:500px 1fr;grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem}body .body-content.login-page-content .login-container,body .body-content.login-page-content .signup-container,body .body-content.sign-up-content .login-container,body .body-content.sign-up-content .signup-container{grid-area:form;max-width:400px;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 6rem}body .body-content.login-page-content .login-container .btn.signin,body .body-content.login-page-content .signup-container .btn.signin,body .body-content.sign-up-content .login-container .btn.signin,body .body-content.sign-up-content .signup-container .btn.signin{margin:3rem 0 1.5rem}body .body-content.login-page-content .signup-container,body .body-content.sign-up-content .signup-container{padding-bottom:2rem}body .body-content.login-page-content .login-image__container,body .body-content.sign-up-content .login-image__container{grid-area:images;position:relative;margin-left:2rem}body .body-content.login-page-content .login-image__container>img,body .body-content.sign-up-content .login-image__container>img{max-width:300px;object-fit:cover;width:300px;height:375px;position:relative}body .body-content.login-page-content .login-image__container>img:first-of-type,body .body-content.sign-up-content .login-image__container>img:first-of-type{top:1.5rem}body .body-content.login-page-content .login-image__container>img:nth-of-type(2),body .body-content.sign-up-content .login-image__container>img:nth-of-type(2){position:absolute;bottom:1.5rem;padding-left:3rem}body .body-content{margin:3rem}body .body-content ul{margin:0;padding:0}body .body-content .hidden{display:none}
/*# sourceMappingURL=main.06be943d.chunk.css.map */