body{margin:0}#root{min-height:100dvh;width:100%;display:flex;flex-direction:column;margin:0 auto}body{background:linear-gradient(to right,#00b09b,#96c93d)}header{height:50px;background-color:#145a32;padding:.5rem;display:flex;align-items:center}main{flex:1;justify-content:center;align-items:center;color:#000}footer{height:100px;background-color:#145a32;color:#fff;padding:.5rem;bottom:0;display:flex;justify-content:center;align-items:center}nav{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:Arial,Helvetica,sans-serif}.logo{text-decoration:none;color:#fff;font-size:2rem;margin-left:0}ul{margin:0;padding:1rem;display:flex;gap:2rem;justify-content:flex-end;list-style:none}li a{color:#fff;text-decoration:none;font-size:1.2rem}li a.active{border-bottom:2px solid #fff}@media screen and (min-width: 720px){li a{color:#fff;text-decoration:none;font-size:1.5rem}}.footer-info{display:flex;flex-direction:column;gap:.5rem;color:#fff;font-family:Arial,Helvetica,sans-serif;margin-right:1rem}.footer-info .footer-row{gap:.5rem;align-items:center;display:flex}.footer-info .footer-row .icon{font-size:1.2rem}.footer-info .phone{padding-right:.5rem}.error-msg{font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;margin-top:15rem}.errormsg{margin-top:.5rem;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 320px){.heroimage{width:90%;height:auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:-1;border-radius:10px}.heroh1{text-align:center;color:#fff;margin-top:2rem;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.5)}.heroinfo{position:absolute;justify-content:center;text-align:center;top:68%;left:50%;transform:translate(-50%,-50%);background-color:#145a32;border-radius:40px}.herolink{border:none;font-size:1rem;font-family:Arial,Helvetica,sans-serif;padding:.2rem 1rem;font-weight:700;cursor:pointer;color:#fff;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.herolink:hover{transform:scale(1.05)}}@media screen and (min-width: 720px){.heroh1{text-align:center;color:#fff;margin-top:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.5)}.heroimage{width:90vw;height:auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.heroinfo{top:70%}.herolink{font-size:1rem;padding:.2rem 1rem;font-family:Arial,Helvetica,sans-serif}}@media screen and (min-width: 1024px){.heroimage{width:auto;height:60vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px}.heroh1{text-align:center;color:#fff;margin-top:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.5)}.heroinfo{top:50%;border-radius:40px}.herolink{font-family:Arial,Helvetica,sans-serif;padding:.2rem 1rem;font-size:1rem}}@media screen and (min-width: 320px){.container{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;width:80vw;margin:0 auto;margin-top:1rem;margin-bottom:1rem}.animal-frame{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #000;border-radius:10px;background-color:#e7e7e7;font-family:Arial,Helvetica,sans-serif}.animalp{max-width:100%;height:auto;border-radius:10px;object-fit:cover}.animal-name{margin:0;padding:1rem}h3{font-size:1rem}.link{color:#013007;text-decoration:none;font-size:1.2rem;transition:transform .2s ease}.link:hover{text-decoration:underline;color:#013007;transform:scale(1.1)}.danger{color:#900;padding:1rem;border-radius:4px}.warning{color:#856404;padding:1rem;border-radius:4px}.ok{color:#155724;padding:1rem;border-radius:4px}}@media screen and (min-width: 720px){.container{display:grid;grid-template-columns:repeat(2,1fr)}.animalp{max-width:90%;height:auto}}@media screen and (min-width: 1024px){.container{display:grid;grid-template-columns:repeat(3,1fr)}.animalp{max-width:90%;height:auto}}@media screen and (min-width: 320px){.about-container{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;width:80vw;margin:0 auto;margin-bottom:1rem;margin-top:1rem}.about-animal{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #000;border-radius:10px;background-color:#e7e7e7;font-family:Arial,Helvetica,sans-serif}.about-animalp{max-width:100%;height:auto;border-radius:10px;object-fit:cover}.description{font-family:Arial,sans-serif;font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word;max-width:80vw;margin:1rem auto;padding:0 1rem}p{font-size:1rem;padding:0 1rem}.animal-status{font-weight:700;margin:.5rem 0}.animal-status.ok{color:#2e7d32}.animal-status.warning{color:#f9a825}.animal-status.danger{color:#c62828}.feed-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;background-color:#17631a;color:#fff}.feed-btn:hover:enabled{background-color:#45a049}.feed-btn.disabled{background-color:#ccc;color:#666;cursor:not-allowed}}@media screen and (min-width: 320px){.about-animalp{max-width:70%;height:auto}}@media screen and (min-width: 1024px){.about-container{width:50vw}.about-animalp{max-width:60%;height:auto}}