html{scroll-behavior:smooth}.hidden{display:none!important;pointer-events:none!important;visibility:hidden!important}.container{border-radius:12px;margin:80px auto 20px;max-width:1200px;padding:20px;position:relative}.container,header{background-color:#fff;box-shadow:0 4px 10px #0000001a}header{left:0;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}header .header-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}@media(max-width:768px){header .header-container{flex-direction:row;justify-content:space-between;padding:5px 10px}}header .logo{height:auto;margin-bottom:10px;max-width:100px}@media(max-width:768px){header .logo{margin-bottom:0;max-width:80px}}header .nav-links{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:20px;justify-content:center;list-style:none;padding:0}@media(max-width:768px){header .nav-links{flex-direction:row;gap:10px;justify-content:flex-end}}header .nav-links li a{border-radius:4px;color:#333;font-weight:700;padding:8px 15px;text-decoration:none;transition:background-color .3s,color .3s}header .nav-links li a:hover{background-color:#28a745;color:#fff}@media(max-width:768px){header .nav-links li a{padding:10px}}.flex-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}@media(max-width:768px){.flex-container{flex-direction:column}}.flex-container section{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;flex:1 1;min-width:300px;padding:25px;transition:transform .3s}.flex-container section:hover{transform:translateY(-5px)}.flex-container section h2{color:#28a745;margin-bottom:15px;text-align:center}.flex-container section form label{display:block;font-weight:700;margin:10px 0 5px}.flex-container section form input,.flex-container section form select,.flex-container section form textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:100%;padding:12px;width:100%}.flex-container section form input:focus,.flex-container section form select:focus,.flex-container section form textarea:focus{border-color:#28a745;outline:none}.flex-container section form button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s,transform .2s;width:100%}.flex-container section form button:hover{background-color:#218838;transform:scale(1.02)}.flex-container section #mealPlanResult,.flex-container section #result{background-color:#fff;border-left:4px solid #28a745;border-radius:6px;margin-top:20px;padding:15px}.flex-container section .loading-gif{display:block;height:50px;margin:20px auto;width:50px}.flex-container section .error{color:red;font-weight:700;margin-top:10px}#bmrCalculator,#mealGenerator{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:25px;transition:transform .3s}#bmrCalculator h2,#mealGenerator h2{color:#28a745;font-size:1.8rem;margin-bottom:20px;text-align:center}#bmrCalculator form label,#mealGenerator form label{color:#333;display:block;font-weight:700;margin:10px 0 5px}#bmrCalculator form input,#bmrCalculator form select,#mealGenerator form input,#mealGenerator form select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:100%;padding:10px;width:100%}#bmrCalculator form input:focus,#bmrCalculator form select:focus,#mealGenerator form input:focus,#mealGenerator form select:focus{border-color:#28a745;outline:none}#bmrCalculator form button,#mealGenerator form button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;width:100%}#bmrCalculator form button:hover,#mealGenerator form button:hover{background-color:#218838}#bmrCalculator .loading-gif,#mealGenerator .loading-gif{display:block;height:50px;margin:20px auto;width:50px}#bmrCalculator #mealPlanList,#mealGenerator #mealPlanList{list-style:disc;margin-top:20px;padding-left:20px}#bmrCalculator #mealPlanList li,#mealGenerator #mealPlanList li{margin-bottom:5px}#bmrCalculator .error,#mealGenerator .error{color:red;font-weight:700;margin-top:10px}#intro{height:100vh;overflow:hidden;position:relative}#intro #bgVideo{filter:brightness(.7);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}#intro .intro-text{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:0 2px 5px #000000b3;top:50%;transform:translate(-50%,-50%)}#intro .intro-text h1{font-size:3rem;margin-bottom:20px}#intro .intro-text p{font-size:1.2rem;margin-bottom:30px}#intro .intro-text .cta-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;padding:12px 30px;text-decoration:none;transition:background-color .3s,transform .2s}#intro .intro-text .cta-button:hover{background-color:#218838;transform:scale(1.05)}#about,#how-it-works{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:20px;padding:40px 20px;text-align:center;transition:transform .3s ease-in-out}#about:hover,#how-it-works:hover{box-shadow:0 4px 15px #0003;transform:scale(1.03)}#about h2,#how-it-works h2{color:#28a745;font-size:2.5rem;margin-bottom:15px}#about p,#how-it-works p{color:#333;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px}footer{background-color:#222;color:#fff;font-size:.9rem;margin-top:20px;padding:10px 0;text-align:center}@media(max-width:768px){.flex-container{flex-direction:column}header .header-container{flex-direction:row;justify-content:space-between}.hamburger{display:block}.nav-links{display:flex;flex-direction:row;gap:10px;justify-content:flex-end}}body{background-color:#f4f4f4;color:#333;font-family:Arial,Helvetica,sans-serif;margin:0}.App{text-align:center}
/*# sourceMappingURL=main.7ac36a16.css.map*/