.App{background-color:#1a4231;color:#fff;height:100vh;width:100%}footer{text-align:center;font-size:1.2rem;background-color:#112c2180}.active{background-color:#3fa34d;color:#0f172a;font-weight:600}nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0b1a0f,#122c1a);color:#fff;position:sticky;top:0;padding:0 1rem;box-shadow:0 2px 10px #0006;z-index:999}nav ul{display:flex;align-items:center}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#e6ffe6;padding:.5rem .8rem;margin:0 .4rem;border-radius:.5rem;font-size:1rem;transition:.2s ease}nav ul li a:not(.active):hover{background-color:#1b3f27;transform:translateY(-2px);box-shadow:0 4px 10px #00ff6433}nav .menu{display:none;position:absolute;top:.9rem;right:1rem;flex-direction:column;justify-content:space-between;width:2rem;height:1.5rem;cursor:pointer}nav .menu span{height:.3rem;width:100%;background-color:#cfffcd;border-radius:.2rem}@media (max-width: 480px){nav .menu{display:flex;top:1.4rem}nav{flex-direction:column;align-items:flex-start;padding-left:1rem;padding-top:.2rem}nav ul{display:none;flex-direction:column;width:100%;margin-top:.5rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:left;padding-left:1rem}nav ul li a{margin:.3rem 0;padding:.7rem 0;font-size:1.1rem}nav ul li a:hover{transform:translate(5px)}}nav .logo img{height:50px;width:auto;margin:.5rem 1rem;cursor:pointer;transition:transform .2s ease-in-out}nav .logo img:hover{transform:scale(1.05);opacity:.9}h1{padding:3rem 1rem;text-align:center;color:#f3ffeb;text-shadow:1px 1px 2px hsla(0,0%,0%,.7);font-size:2.5rem;letter-spacing:1px}@media (max-width: 900px){h1{padding:2.5rem 1rem;font-size:2rem}}@media (max-width: 600px){h1{padding:1rem .3rem;font-size:1.2rem;line-height:1.2;letter-spacing:.5px;word-break:break-all}}body{background-color:#1a4231}h1{padding:2rem 1rem 1rem;text-align:center;color:#f3ffeb;text-shadow:1px 1px 2px hsla(0,0%,0%,.7)}p{color:#e5ffe5;padding:2rem 2.5rem;max-width:700px;line-height:1.8;margin:0 auto}.container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 2rem}.text-block{flex:1;padding-right:1.5rem;text-align:justify;font-size:1.1rem}.image-block{flex:1;display:flex;justify-content:flex-end;padding-top:1rem;padding-right:4rem}.image-block img{max-width:50%;height:auto;border-radius:12px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.image-block img:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000080}@media (max-width: 600px){.container{flex-direction:column;padding:1rem}.text-block{font-size:1rem;padding-right:0;text-align:left}.image-block{justify-content:center;margin-top:1rem;padding-top:0;padding-right:0}.image-block img{max-width:50%}}.container.reverse{flex-direction:row-reverse}.container.reverse .image-block{justify-content:flex-start;padding-left:3rem}.container.reverse .image-block img{max-width:50%}@media (max-width: 600px){.container.reverse{flex-direction:column}.container.reverse .image-block{justify-content:center;padding-left:0}.container.reverse .image-block img{max-width:50%}}@media (max-width: 900px){.container,.container.reverse{flex-direction:column;padding:1rem}.container.reverse .image-block{justify-content:flex-start;padding-left:0;padding-right:1rem}.text-block,.image-block{flex:1 1 100%;padding:0;justify-content:center}.image-block img{max-width:50%;margin:0 auto;padding:0}}.gallery-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem;max-width:1200px;margin:0 auto}.gallery-item img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-item img:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000080}@media (max-width: 900px){.gallery-container{grid-template-columns:repeat(2,1fr);padding:1rem}}@media (max-width: 600px){.gallery-container{grid-template-columns:1fr;padding:1rem}.gallery-item img{max-width:90%;margin:0 auto;display:block}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
