*{margin:0;padding:0}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,sans-serif;font-weight:400}section{background-color:#00594a}button{text-align:center;vertical-align:center}h1,h2,h3,h4{font-family:Poppins,sans-serif;font-weight:700;color:#f1efe7!important}a{text-decoration:none!important;color:#f1efe7!important}.Homepage{background-color:#00594a}.call-to-action{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;place-self:center;padding-bottom:5vh;color:#f1efe7;text-align:center;width:100%;margin-top:20px}@media (max-width: 800px){.call-to-action{place-self:center}}.Navbar{background-color:#00594a;font-weight:bolder;padding:10px 0;width:100%;display:flex;flex-direction:column;align-items:center}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.logo{width:100px}.nav-list{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;list-style:none;margin:0;padding:0;width:100%;flex-wrap:wrap}.nav-item:hover{transform:scale(105%);transition:.2s}.Navbar a{font-size:1.2rem;color:#f1efe7;text-decoration:none;padding:8px 12px;border-radius:5px}.Navbar button{display:flex;align-items:center;justify-content:center;font-size:1.1rem;background-color:#3bc287;height:45px;width:120px;border-radius:10px;border:2px solid black;font-weight:700;color:#f1efe7;cursor:pointer;text-align:center;padding:0}.Navbar button:hover{background-color:#2a8f6b;transform:scale(105%);transition:.3s}.Navbar button:active{background-color:#1f6b4f;transform:scale(1);transition:.1s}.nav-item.active{border-bottom:2px solid #F1EFE7}@media (max-width: 768px){.nav-list{flex-direction:column;gap:10px}.logo{width:80px}.Navbar a{font-size:1rem}.Navbar button{width:90px;height:40px}}@media (max-width: 480px){.logo{width:70px}.Navbar a{font-size:.95rem}.Navbar button{width:80px;height:35px;font-size:.9rem}}.OrderButton{background-color:#3bc287;height:9vh;min-height:50px;width:18vw;min-width:180px;border-radius:10px;border:2px solid black;font-weight:700;color:#f1efe7;cursor:pointer;font-size:x-large}.OrderButton:hover{background-color:#2a8f6b;transform:scale(105%);transition:.3s}.OrderButton:active{background-color:#1f6b4f;transform:scale(1);transition:.1s}.HeroSection{width:100%;min-height:fit-content;height:70vh;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex-wrap:wrap;padding:20px;box-sizing:border-box;overflow:hidden}.hero-left-side{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;min-width:300px;text-align:center;box-sizing:border-box;gap:40px}.slogan{font-size:3rem;line-height:1.5}.hero-right-side{display:flex;justify-content:center;align-items:center;width:50%;min-width:300px;box-sizing:border-box}.hero-pizza-pic{width:100%;height:auto;object-fit:contain}@media (max-width: 768px){.HeroSection{flex-direction:column;height:auto}.hero-left-side,.hero-right-side{width:90%}.hero-right-side{order:-1;margin-bottom:3vh}.slogan{font-size:2.2rem}}@media (max-width: 480px){.slogan{font-size:1.8rem}}.Gallery{margin-top:5vh;display:flex;flex-direction:column;align-items:center;width:100%;color:#f1efe7}.gallery-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;width:95%;max-width:1000px;transition:all .3s ease}.gallery-grid.expanded{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.gallery-image{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:15px;cursor:pointer;transition:transform .2s ease}.gallery-image:hover{transform:scale(1.03)}.show-more-btn{margin-top:20px;padding:10px 20px;background-color:#3bc287;color:#f1efe7;border:none;border-radius:8px;cursor:pointer;font-weight:700}.show-more-btn:hover{background-color:#2a8f6b}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.lightbox-image{max-width:90%;max-height:90%;border-radius:10px;object-fit:contain}.AboutUs{margin-top:5vh;display:flex;flex-direction:column;align-items:center;gap:30px;width:90%;margin-left:auto;margin-right:auto}.about-us-container{display:flex;flex-direction:row;gap:50px;width:100%;justify-content:center;align-items:center}.about-us-left-side{display:flex;justify-content:center;align-items:center}.about-us-pic{width:30vw;border-radius:15px}.about-us-right-side{display:flex;flex-direction:column;justify-content:space-around;width:40vw;color:#f1efe7;gap:40px}.about-us-contact{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:30px}.contact-btn{background-color:#3bc287;height:50px;width:12vw;border-radius:10px;border:2px solid black;font-weight:700;color:#f1efe7;cursor:pointer;font-size:large}.contact-btn:hover{background-color:#2a8f6b;transform:scale(105%);transition:.3s}.contact-btn:active{background-color:#1f6b4f;transform:scale(1);transition:.1s}@media (max-width: 768px){.about-us-container{flex-direction:column;align-items:center;text-align:center}.about-us-right-side{order:1;width:90%}.about-us-left-side{order:2;width:100%;margin-top:20px}.about-us-pic{width:60vw}.about-us-contact{justify-content:center;flex-wrap:wrap;gap:15px}.contact-btn{width:50vw}}@media (max-width: 480px){.about-us-pic{width:80vw}.contact-btn{width:70vw;font-size:medium}}.LocationAndHrs{margin-top:5vh;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;box-sizing:border-box}.loc-and-hrs-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:50px;width:75%;box-sizing:border-box}.loc-and-hrs-left-side{display:flex;flex-direction:column;justify-content:space-evenly;text-align:left;color:#f1efe7;max-width:400px;gap:40px}.loc-and-hrs-left-side a{text-decoration:underline!important;font-weight:700;color:#f1efe7;cursor:pointer}.loc-and-hrs-left-side a:hover{transform:scale(105%);transition:.3s}.loc-and-hrs-right-side{display:flex;justify-content:center;align-items:center;max-width:600px;width:fit-content}@media (max-width: 768px){.loc-and-hrs-container{flex-direction:column;gap:30px;width:90%;text-align:center}.loc-and-hrs-left-side{align-items:center;text-align:center;width:100%}.loc-and-hrs-right-side{width:100%}}@media (max-width: 480px){.loc-and-hrs-left-side{font-size:.95rem}.loc-and-hrs-right-side iframe{width:90%!important;height:auto!important;min-height:300px}}.Reviews{background-color:#00594a;padding:40px 20px;text-align:center}.Reviews h1{font-size:1.8rem;margin-bottom:30px;color:#333}.Reviews .ReviewCard{margin:0 auto 20px;width:90%;max-width:600px}.more-reviews-btn{background-color:#032420;color:#f1efe7;font-size:large;padding:8px;border-radius:15px;border:1px solid #F1EFE7;cursor:pointer}.more-reviews-btn:hover{background-color:#021715;transform:scale(105%);transition:.3s}.more-reviews-btn:active{background-color:#032420;transform:scale(1);transition:.1s}.ReviewCard{display:flex;align-items:flex-start;background-color:#f1efe7;padding:10px 15px;border-radius:10px;border:1px solid #333;max-width:600px;margin:10px auto}.profile-pic{width:45px;height:45px;border-radius:50%;background-color:#dcdbdb;margin-right:12px;object-fit:cover}.review-content{flex:1}.review-header{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.author{font-weight:700}.stars{color:#000;font-size:.9rem}.rating{font-weight:700}.time{color:gray;font-size:.9rem;margin-left:auto}.review-text{margin-top:4px;font-size:.95rem;color:#333;text-align:left}.Footer{background-color:#032420;color:#f1efe7;padding:20px;text-align:center;display:flex;flex-direction:column;gap:20px}.footer-details{display:flex;flex-direction:column;gap:10px}.contact-info{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;width:60%;place-self:center}.contact-info p{margin:0}@media (max-width: 850px){.contact-info{margin-top:10px;flex-direction:column}}.MenuPage{padding:40px 20px;text-align:center;background-color:#00594a;color:#f1efe7}.MenuPage h1{margin-bottom:20px}.menu-list{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:800px;margin:0 auto}.menu-card{display:flex;align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;width:100%;max-width:700px;padding:10px;gap:20px;transition:transform .3s ease}.menu-card:hover{transform:scale(1.02)}.menu-image{width:120px;height:120px;border-radius:10px;object-fit:contain}.menu-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1}.menu-details h3{margin:0;font-size:1.4rem;color:#00594a!important}.price,.variations{margin-top:8px;font-weight:700;color:#3bc287;font-size:1.2rem}.menu-download-link{display:inline-block;margin-bottom:30px;padding:10px 20px;background-color:#3bc287;color:#f1efe7;text-decoration:none;border-radius:8px;font-weight:700}.ContactPage{padding:40px 20px;text-align:center;background-color:#00594a;color:#f1efe7;min-height:70vh}.ContactPage h1{margin-bottom:20px}.contact-description{font-size:1rem;max-width:600px;margin-bottom:30px;place-self:center;text-align:left}.contact-form{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto;background:#fff;padding:30px;border-radius:10px;border:2px solid #ddd}.form-group{width:100%;display:flex;flex-direction:column;text-align:left}.form-group label{font-weight:700;margin-bottom:5px;color:#032420}.form-group input,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box}textarea{min-height:120px;resize:vertical}button{background-color:#3bc287;color:#f1efe7;border:none;padding:12px 20px;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#2a8f6b}.feedback{margin-top:10px;font-size:1rem;font-weight:700}.success{color:#f1efe7;font-weight:700}.error{color:red}.ReactModal__Overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;color:#000}.modal-header{color:#032420!important;font-size:1.6rem;font-weight:700;margin-bottom:10px}.ReactModal__Content{position:relative;background:#fff;padding:30px;border-radius:12px;max-width:400px;width:90%;text-align:center;outline:none}.close-btn{margin-top:20px;padding:10px 20px;background:#3bc287;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}@media (max-width: 480px){.contact-form{padding:20px}button{width:100%}}
