*{font-optical-sizing:auto;font-family:Quicksand,sans-serif}html{font-size:90%}#app{flex-direction:column;min-height:100vh;display:flex}body{background-color:#fff;height:100%;margin:0}.mainPage{width:90%;min-width:38.52rem;max-width:64.89rem;margin:0 auto;padding:3rem 0 1rem}.headerBox{width:95%;height:2.7rem;margin:0 auto;display:flex}.headerBox h1{color:#362312;margin:0;font-size:2.2rem;font-weight:400}.dateHeader{align-items:center;width:95%;height:2.5rem;margin:.2rem auto 0;display:flex}.dateHeader h1{color:#8a7b6a;margin:auto 0;font-size:1.4rem;font-weight:500}.dashboardPlaceholder{text-align:center;color:#cbb59b;width:100%;margin-top:3rem;font-size:2.5rem;font-weight:500}.ingredientP{margin-top:3.4rem}.historyP,.todayP{margin-bottom:2.7rem}.navbar{background-color:#f2e7d5;justify-content:center;align-items:center;width:100%;min-width:38.4rem;height:6.8rem;display:flex}.navbar .selected{color:green}.navInner{justify-content:center;align-items:center;width:100%;max-width:65rem;display:flex}.linksList{flex-direction:row;justify-content:space-evenly;width:100%;list-style-type:none;display:flex}.linksList a{color:#362312;font-size:1.5rem;font-weight:500;text-decoration:none}.screenBlock{z-index:10;background-color:#00000040;position:fixed;inset:0}.loginPage{background-color:#f2e7d5;height:100vh}form.loginForm{height:22rem;min-height:22rem;padding-top:2.2rem}.loginForm h1{color:#362312;margin-top:0;margin-bottom:.8rem;font-size:1.4rem;font-weight:500}.loginFormField{flex-direction:column;margin:.3rem auto .9rem;display:flex}.loginFormField label{color:#362312;margin-left:0}.myGoals{width:95%;margin:auto}.myGoals2{box-sizing:border-box;background-color:#fff;border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:95%;margin:1.7rem auto;padding:1rem 0;display:flex}.myGoals3{background-color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;width:95%;min-height:9.7rem;margin:1.7rem auto;display:flex}.macroChart{box-sizing:border-box;background-color:#fff;border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:100%;margin:1.7rem auto;padding:1.3rem 2rem;display:flex}h2.meterLabel{color:#362312;font-size:1.1rem;font-weight:500}.meterAndLabel{grid-template-columns:7.6rem 1fr 9.1rem 2rem;place-content:center;align-items:center;gap:.8rem;width:100%;height:2rem;display:grid}.macroMeter{box-sizing:border-box;border:2px solid #cbb59b;border-radius:5px;height:1.3rem}.macroMeterFill{background-color:#a1d99b;width:0%;height:100%;transition:width 1s}.stats{color:#362312;border-right:1px solid #cbb59b;font-size:1rem;font-weight:400}.remaining{color:green;font-size:1rem}.mealSelectBox{justify-content:center;align-items:center;gap:2rem;display:flex}.mealSelect{border:3px solid #f2e7d5;border-radius:5px;width:15rem;height:2rem;font-size:1rem;font-weight:500}form.quickAddForm{width:17rem;min-height:25rem;position:fixed}.buttonDivMenu{box-sizing:border-box;background-color:#fff;justify-content:center;gap:2rem;width:95%;margin:.8rem auto -.8rem;padding:1rem;display:flex}.dividerLineMeals{border:2px solid #f2e7d5;width:100%;margin:1.7rem auto}.myFoods{width:95%;margin:auto}.myFoodsChild{background-color:#fff;flex-wrap:wrap;justify-content:flex-start;gap:1rem;width:100%;min-height:9.7rem;margin:1.8rem auto;display:flex}.foodCard{background-color:#fff;border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;justify-content:center;width:10.3125rem;height:8.4375rem;padding:.4rem;transition:border-color .5s;display:flex;position:relative}.foodCard:not(.readOnly):hover{border-color:green}.foodCard h3{color:#362312;margin:.1rem 0 0 .2rem;font-size:1rem;font-weight:700;line-height:1.5rem}.foodCard p{color:#362312;margin:.1rem .2rem;font-size:.9rem;line-height:1.2rem;position:relative}.redX{color:red;cursor:pointer;background-color:#fff;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-family:Arial,Helvetica,sans-serif;display:flex}.deleteBtnX{opacity:0;border:1px solid #362312;border-radius:50%;font-size:1.7rem;transition:opacity .15s;position:absolute;top:-.5rem;right:-.6rem}.closeFormX{border:none;border-radius:5px;font-size:2.1rem;font-weight:700;line-height:1.25rem;position:absolute;top:.5rem;right:.5rem}.thumbX{flex-shrink:0;width:1.1rem;height:1.1rem;margin:auto .5rem auto 0;padding:.05rem .04rem 0 0;font-size:1.6rem;font-weight:700}.foodCard:hover .deleteBtnX{opacity:1}.form{z-index:20;background-color:#fff;border:2px solid #cbb59b;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;width:18rem;height:auto;min-height:32rem;max-height:90vh;padding:1.9rem 0 1rem;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.foodFormField{flex-direction:column;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.form label{color:#362312;align-self:flex-start;width:12rem;margin-bottom:.1rem;font-weight:700}.form input{color:#362312;border:2px solid #cbb59b;border-radius:5px;align-self:flex-start;width:12rem;height:1.1rem;margin-bottom:.8rem;font-size:1rem}.form input#servingSize{width:12rem}.form input#cal{width:9.5rem}.form input#protein,input#carb,input#fat,input#sodium,input#units{width:6.5rem}.form select{color:#362312;border:2px solid #cbb59b;border-radius:5px;align-self:flex-start;width:12.5rem;height:1.7rem;margin-bottom:.7rem;font-size:1rem}.foodThumbDashboard{gap:.5rem;margin:1rem 0;display:grid}.foodThumb{background-color:#fff;border:2px solid #d9b99b;border-radius:5px;justify-content:space-between;align-items:center;width:14rem;min-height:2rem;display:flex}.thumbnailText{color:#362312;overflow-wrap:anywhere;min-width:0;margin:0;padding:.2rem .3rem .2rem .5rem;font-size:1rem}.formBtnContainer{justify-content:center;gap:.7rem;width:100%;margin:.7rem auto .2rem;display:flex}.formBtn{color:#362312;background-color:#fff;border:2px solid #cbb59b;border-radius:5px;width:7.5rem;height:2.2rem;font-size:1rem;font-weight:450;transition:border-color .5s}.formBtnLogin{width:9rem;height:2rem;margin:.3rem auto 1.5rem;font-size:.99rem}.addDailyBtn{border:3px solid #f2e7d5;border-radius:8px;width:8rem;height:2rem}.formBtnMenu{border:3px solid #f2e7d5;border-radius:8px;width:16rem;height:3.2rem;font-size:1.2rem}.formBtnFood{margin-top:1rem}.formBtnMeal{margin:.15rem 0}.formBtnCD{width:15rem;height:3rem}.formBtnHistory{width:8rem;margin-top:.8rem}.formBtnSettings{width:8rem;margin-top:1rem}.logoutBtn{border-radius:8px;width:12rem;height:3.2rem;margin:0 auto;font-size:1.2rem}.formBtn:hover{border-color:green}.formBtnCD:hover{border-color:red}.cascadeDeleteForm{width:20rem;min-height:27rem}.cascadeDeleteForm h3{color:red;margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.cascadeDeleteForm p{color:#362312;margin:0;font-weight:500}.cascadeDeleteChild{width:80%;margin-top:.5rem}.cascadeDeleteChild2{border:2px solid #cbb59b;border-radius:8px;width:80%;min-height:15rem;margin:1rem auto}.cascadeDeleteItems{height:1.5rem}.cascadeDeleteItems::marker{content:"🔪 "}.cascadeDeleteBtnBox{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;height:6rem;margin:.4rem auto .9rem;display:flex}.calendarBtn{cursor:pointer;color:#8a7b6a;background-color:#fff;border:none;padding:0;transition:color .5s;display:flex;position:absolute;top:.7rem;left:.7rem}.calendarBtn:hover{color:green}.form.monthYear{min-height:9.5rem}.historyFormField{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding-top:1rem;display:flex}select.monthYear{color:#362312;border:2px solid #cbb59b;border-radius:5px;align-self:flex-start;width:12.5rem;height:1.65rem;font-size:1rem;font-weight:700}.myHistory{box-sizing:border-box;border:3px solid #f2e7d5;border-radius:8px;justify-content:center;align-items:center;width:95%;margin:2rem auto;display:flex;position:relative}.myHistory2{box-sizing:border-box;width:36.5rem;margin:auto}.myHistory3{background-color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;width:36.5rem;min-width:36.6rem;min-height:9.7rem;margin:1.7rem auto;display:flex}.monthChartWrapper{margin:2.5rem auto}.monthChart{box-sizing:border-box;grid-template-columns:repeat(7,3.5rem);justify-content:center;align-items:center;gap:.7rem;width:80%;margin:auto;display:grid}.emptyDayTile{aspect-ratio:1;width:100%}.dayTile{aspect-ratio:1;color:#362312;font-optical-sizing:auto;background-color:#fff;border:2px solid #8a7b6a;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:.2rem;font-family:Archivo,sans-serif;font-size:1.4rem;transition:border-color .5s;display:flex;position:relative}.dayTile:hover{cursor:pointer;border-color:green}.isSelected{border:3.8px solid green}.settingsBtn{cursor:pointer;color:#8a7b6a;aspect-ratio:1;background-color:#fff;border:none;padding:0;transition:color .5s;display:flex;position:absolute;top:.7rem;right:.7rem}.mySettings{box-sizing:border-box;border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;align-items:center;width:95%;margin:.8rem auto 1.8rem;padding:.5rem 0;display:flex;position:relative}.mySettings2{box-sizing:border-box;border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;align-items:center;width:95%;margin:.8rem auto 1.8rem;display:flex;position:relative}.mySettings3{box-sizing:border-box;align-items:center;width:95%;margin:2.4rem auto 1.5rem;display:flex}.settingsField{gap:.5rem;width:100%;height:auto;margin:.9rem auto;padding-left:1.3rem}.mySettings2 .settingsField{margin:1.2rem auto 1rem}h2{color:#362312;width:100%;margin:0 auto;font-size:1.6rem;font-weight:500}h2.username{color:#362312;margin-bottom:.3rem;font-size:1.6rem;font-weight:500}h2.dateJoined{color:#8a7b6a;font-size:1.2rem;font-weight:500}h2.macroGoalLabel{color:#362312;height:1.8rem;font-size:1.2rem;font-weight:450}.editMacroGoals{min-height:21.5rem}.footer{background-color:#f2e7d5;width:100%;min-width:38.4rem;height:9rem;margin-top:auto;display:flex}.footerText{color:#362312;margin:auto;font-family:Allura,cursive;font-size:1.9rem;font-style:normal;font-weight:400}.errorBox{border:3px solid #f2e7d5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:90%;height:auto;margin:auto;padding:1rem;display:flex}.errorBox h1{color:#8a7b6a;font-size:2.2rem}.buddyPhoto{opacity:.8;filter:brightness(1.7);border:3px solid #000;border-radius:8px;width:18rem;height:auto;margin-bottom:2rem}