@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6.12,200.1000;1,6.12,200.1000&display=swap";:root{--primary-background-color: #FEF7F0;--accent-background-color: #264653;--card-background-color: #FFFFFF;--primary-text-color: #2D3748;--accent-text-color: #E9C46A}*{padding:0;margin:0;box-sizing:border-box}#root{width:100%}body{font-family:Nunito Sans,sans-serif;width:100%;min-height:100vh;background-color:var(--primary-background-color)}header,footer{background-color:var(--accent-background-color)}section{width:100%;display:flex;flex-direction:column;align-items:center;margin:25px 0}h1{text-align:center;font-size:2rem;font-weight:600}p,ul,ol{font-size:1.2rem}h3{font-size:1.3rem}button{cursor:pointer}.container-flex-centered{display:flex;justify-content:center}.container-flex-spaced{display:flex;justify-content:space-between}.constrained-container{width:100%;padding:5px 15px}.primary-content{width:100%;padding:15px}.static-content{width:100%;display:grid;grid-template-columns:1fr;gap:20px}.static-content h3{padding:10px 0}.static-content ul,.static-content ol{margin-left:18px}.static-content ul li,.static-content ol li{margin-bottom:20px}.static-content ul li:last-child,.static-content ol li:last-child{margin-bottom:0}.text-button,.icon-button{width:var(--button-size);align-items:center;background-color:var(--accent-text-color);padding:5px}.text-button{height:var(--button-height);border-radius:calc(var(--button-height) / 2);font-size:1.1rem;font-weight:600}.text-button:disabled{cursor:default}.icon-button{height:var(--button-size);border-radius:50%}.icon-button:disabled svg{stroke:#a0a0a0;opacity:.6;cursor:default}.icon-button img{width:100%}.button-wrapper{display:flex;justify-content:center;gap:15px}.input-line{display:grid;grid-template-columns:1fr 50px;gap:15px;margin-bottom:15px}.modal-window{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000f2}.modal-content{width:100%;max-height:calc(100vh - 30px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;background-color:var(--card-background-color);border-radius:20px;border:2px solid var(--primary-text-color);margin:0 auto;padding:15px}.modal-header{width:100%;display:grid;grid-template-columns:50px 1fr 50px}.modal-recipe-detail,.modal-message{margin:15px 0;display:flex;flex-direction:column;overflow-y:auto}.modal-message .message-content{width:100%;padding:15px;text-align:left;font-size:1.5rem}.modal-recipe-detail img{max-width:400px;aspect-ratio:104 / 77;margin:15px auto;object-fit:cover}.modal-recipe-detail ul{margin-top:15px;margin-bottom:15px;margin-left:18px}.recipe-section{display:flex;flex-direction:column;gap:20px;color:var(--accent-text-color);background-color:var(--accent-background-color);border-radius:15px;margin-top:20px;padding:20px}.recipe-section label,.recipe-section input,.recipe-section textarea{display:block;font-size:1.1rem}.recipe-section label{padding-left:10px}.recipe-section input,.recipe-section textarea{width:100%;padding:10px;border-radius:10px}.weekly_card{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;overflow-y:auto}.meal-card,.meal-card-button{width:100%;aspect-ratio:3 / 1;overflow:hidden;border:2px solid var(--accent-text-color);border-radius:15px}.meal-card{display:grid;grid-template-columns:1fr 2fr;gap:15px;background-color:var(--card-background-color);color:var(--primary-text-color)}.meal-card-button{flex-direction:column;align-items:center;background-color:var(--accent-text-color)}.meal-card .image-container{width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden}.meal-card img{width:100%;height:100%;object-fit:cover;object-position:center}.meal-card p{font-size:1rem}nav ul{border-bottom:2px solid var(--accent-text-color);list-style:none}nav li{padding:10px;text-align:center;cursor:pointer}nav a{text-decoration:none;color:var(--accent-text-color);font-size:.8rem;font-weight:600}.highlighted{border-radius:20px 20px 0 0;border-top:2px solid var(--accent-text-color);border-left:2px solid var(--accent-text-color);border-right:2px solid var(--accent-text-color);border-bottom:none;margin-bottom:-2px;background-color:var(--primary-background-color);position:relative}.highlighted a{color:var(--primary-text-color);font-weight:700}.information-bar{width:100%;background-color:var(--accent-background-color)}.bar-content{text-align:center;font-size:.75rem;font-weight:600;background-color:var(--accent-text-color)}.app-bar{width:100%;padding:10px 0}.image-container{width:75px;height:75px;display:flex;justify-self:center;align-items:center}.image-container img{width:100%}.app-content{display:grid;grid-template-columns:75px 1fr 75px}.footer-content{display:grid;grid-template-columns:1fr 75px 1fr;margin:15px 0}.footer-link-section{width:100%;display:flex;justify-content:var(--direction)}.footer-links{display:grid;grid-template-columns:1fr;margin:0 20px}.footer-links a{color:var(--accent-text-color)}.hero-image{width:100%;margin:25px 0}.search-bar{width:100%;display:grid;grid-template-columns:1fr var(--button-size);gap:15px}.search-bar input{padding:5px 20px;border-radius:calc(var(--button-size) / 2)}.search-results{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.recipe-result,.meal-plan-result{width:100%;height:100%;flex-direction:column;background-color:var(--card-background-color);border-radius:20px;border:2px solid var(--primary-text-color);overflow:hidden}.recipe-result img{display:block;width:100%;aspect-ratio:104 / 77;object-fit:cover}.recipe-result h3{padding:15px;text-align:center}.recipe-result .card-buttons{gap:15px;margin-bottom:15px}.meal-plan-result{gap:15px;padding-bottom:15px}.meal-plan-result .title{width:100%;display:grid;grid-template-columns:50px 1fr 50px;gap:15px;padding:15px;text-align:center;color:var(--accent-text-color);background-color:var(--accent-background-color)}.meal-plan-result .title-content{align-items:center}.meal-plan-result .meal-plan-summary{padding:15px}.meal-plan-result .meal-plan-summary p{margin-bottom:15px}@media (width > 525px){h1{font-size:3rem}nav li{padding:20px}nav a{font-size:1rem}.constrained-container{padding:5px calc((100% - 485px)/2)}.search-results{grid-template-columns:1fr 1fr}.modal-content{max-width:1000px}.modal-recipe .modal-recipe-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-content .modal-recipe-detail img{grid-column:1 / span 2}}@media (width > 1000px){.primary-content{width:1000px;padding:25px 0}.search-results{grid-template-columns:1fr 1fr 1fr}}