@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.nav-container{align-items:center;background:#159d00;border-radius:5rem;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;left:50%;padding:1rem 1.4rem;position:fixed;top:15px;transform:translateX(-50%);width:80%;z-index:1000}.nav-logo{max-width:100%;width:5rem}.nav-links{display:flex}.nav-links li a{color:#fff;margin:1.5rem;transition:var(--transition)}.nav-links li a:hover{color:var(--color-secondary)}.cart{align-items:center;display:flex;font-size:1.8rem;gap:1rem;justify-content:center}.account-icon,.cart{color:#fff}.account-icon:hover,.cart-icon:hover{color:var(--color-secondary);transition:var(--transition)}.buttons{align-items:center;display:flex;gap:1.5rem}.toggle-btn{background:none;color:#fff;display:none;font-size:2rem}.active-nav{position:relative}.active-nav:after{background:red;border-radius:10rem;content:"";display:block;height:1.2rem;left:calc(50% - .6rem);margin-top:.9rem;position:absolute;width:1.2rem}.nav-scrolled{background:var(--color-secondary);transition:background-color .3s ease-in-out}@media screen and (max-width:1000px){.nav-container{width:95%}.toggle-btn{display:inline-block}.nav-links{border-radius:5px;flex-direction:column;gap:0;position:absolute;right:3rem;top:110%}.nav-links li{animation:navAnimation .6s ease forwards;height:5rem;opacity:0;transform:rotateX(100deg);transform-origin:top;width:100%}.nav-links li a{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;height:100%;justify-content:center;padding:1rem 5rem 1rem 3rem;width:100%}.active-nav,.active-nav:after{display:none}.show-nav{display:flex}.hide-nav{display:none;transition:.6s ease}.nav-links li:nth-child(2){animation-delay:.2s}.nav-links li:nth-child(3){animation-delay:.4s}.nav-links li:nth-child(4){animation-delay:.6s}.nav-links li:nth-child(5){animation-delay:.8s}.nav-links li:nth-child(6){animation-delay:1s}.nav-links li:nth-child(7){animation-delay:2s}@keyframes navAnimation{to{opacity:1;transform:rotateX(0)}}}.loading-animation{align-items:center;color:#333;display:flex;font-size:20px;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#333;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*,:after,:before{border:0;list-style:none;outline:0;text-decoration:none}:root{--color-primary:#529933;--color-primary-dark:#235c0a;--color-secondary:#fb0;--text-color:#4a4a4a;--background-color:#f7fff5;--transition:all 500ms ease;--Font-Style-One:"Manrope",sans-serif;--Font-Style-Two:"Caveat",cursive;--container-width-lg:90%;--container-width-md:98%;--Shadow:0px 7px 30px hsla(0,0%,77%,.185)}.container{margin-inline:auto;max-width:1920px;width:90%;width:var(--container-width-lg)}body{background:#f7fff5;background:var(--background-color);color:#fb0;color:var(--color-secondary);font-family:Outfit,sans-serif;height:100vh;line-height:1.2;overflow-x:hidden;width:100vw}section{padding:5rem 2rem}h1{font-size:4.5rem}h2{font-size:2rem}p{line-height:1.5}img{display:block;object-fit:cover;width:100%}button{border:none;outline:none}.btn{align-items:center;background:#529933;background:var(--color-primary);border-radius:5rem;box-shadow:0 7px 20px rgba(0,0,0,.185);color:#fff;display:flex;font-weight:600;margin:0 auto;padding:1.2rem 2rem;transition:all .5s ease;transition:var(--transition)}.btn:hover{background:#fff;color:#529933;color:var(--color-primary)}.btn.btn-one{background:#fb0;background:var(--color-secondary)}.btn.btn-one:hover{background:#529933;background:var(--color-primary);color:#fff}@media screen and (max-width:768px){h1{font-size:4rem}.container{width:98%;width:var(--container-width-md)}section{padding:5rem 1rem}.btn{padding:1rem 1.8rem}}@media screen and (max-width:550px){.btn{padding:.8rem 1.5rem}h1{font-size:3rem}}
/*# sourceMappingURL=main.72087a31.css.map*/