@import"https://fonts.googleapis.com/css2?family=Sanchez:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Salsa&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f8f7f6}.main-content{text-align:center;padding:20px}.main-image-container{position:relative;width:90%;margin:20px auto}.main-image{width:100%;height:auto}.quote-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#f8f7f6;padding:20px 40px;box-shadow:0 2px 4px #0000001a}.quote-text{font-family:Sanchez,serif;font-size:17px;color:#a17d60;margin:0}.get-started-button{background-color:#f8f7f6;color:#a17d60;border:none;font-size:19px;cursor:pointer;margin-top:10px;font-family:Sanchez,serif}.get-started-button:hover{color:#000}.sub-images-container{display:flex;justify-content:space-around;margin-top:20px;margin-inline:3rem}.sub-image{position:relative;width:25%;text-align:center}.sub-img{width:100%;height:auto}.sub-image-text{margin-bottom:10px;color:#a17d60;font-family:Salsa,cursive;font-size:20px}@media (max-width: 768px){.main-image-container,.sub-images-container{flex-direction:column;width:100%}.sub-image{width:80%;margin:10px auto}.navbar{flex-direction:column;height:auto}.nav-links{flex-direction:column;margin-top:10px}.nav-link{margin:5px 0}.get-started-button{font-size:14px;padding:8px 16px}.quote-container{padding:15px 30px}.quote-text,.sub-image-text{font-size:18px}}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease}.popup-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.close-popup-button{background-color:#a17d60;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:4px;margin-top:20px}.close-popup-button:hover{background-color:#8e6c4b}.get-started-button{background-color:#f8f7f6;color:#a17d60;border:none;font-size:19px;cursor:pointer;margin-top:10px;font-family:Sanchez,serif;transition:all .3s ease}.get-started-button:hover{color:#000;transform:scale(1.1)}.get-started-link{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.navbar{background-color:#f8f7f6;color:#a17d60;box-shadow:0 2px 4px #0000001a;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.website-name{font-family:Salsa,cursive;font-size:24px}.nav-links{display:flex;list-style:none}.nav-link{margin-left:20px;color:#000;text-decoration:none;font-size:16px}.nav-link.login-button{padding:5px 10px;color:#a17d60;text-decoration:none;font-weight:700;background-color:#f8f7f6}.login-button:hover{background-color:#f8f7f6}@media (max-width: 768px){.navbar{flex-direction:column;height:auto}.nav-links{flex-direction:column;margin-top:10px}.nav-link{margin:5px 0}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8f7f6}.login-title{font-family:Salsa,cursive;font-size:36px;color:#33658a;margin-bottom:20px}.login-form{background-color:#fff;padding:30px;box-shadow:0 4px 8px #0000001a;border-radius:8px;width:300px}.login-form label{display:block;margin-bottom:8px;color:#33658a;font-size:14px}.login-form input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #EDEDED;border-radius:4px}.login-button{background-color:#a17d60;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:4px;width:100%}.login-button:hover{background-color:#8e6c4b}.signup-prompt{margin-top:20px;font-size:14px;color:#33658a}.signup-prompt a{color:#a17d60;text-decoration:none;font-weight:700}.signup-prompt a:hover{text-decoration:underline}body{font-family:Arial,sans-serif;background-color:#f8f7f6;margin:0;padding:0}.signup-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8f7f6}.signup-title{font-family:Salsa,cursive;font-size:36px;color:#33658a;margin-bottom:20px}.signup-form{background-color:#fff;padding:30px;box-shadow:0 4px 8px #0000001a;border-radius:8px;width:300px}.signup-form label{display:block;margin-bottom:8px;color:#33658a;font-size:14px}.signup-form input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #EDEDED;border-radius:4px}.signup-button{background-color:#a17d60;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:4px;width:100%}.signup-button:hover{background-color:#8e6c4b}.login-prompt{margin-top:20px;font-size:14px;color:#33658a}.login-prompt a{color:#a17d60;text-decoration:none;font-weight:700}.login-prompt a:hover{text-decoration:underline}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#f7f7f7}.choose-pet-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.pet-options{display:flex;justify-content:center;gap:80px}.pet-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease}.pet-option:hover{transform:translateY(-10px) scale(1.05)}.pet-image{width:200px;height:auto;border-radius:50%;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.pet-option:hover .pet-image{transform:scale(1.2)}.pet-name{font-size:24px;color:#6b4423;margin-top:20px;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s ease}.pet-option:hover .pet-name{color:#8b572a}.pet-image{width:200px;height:auto;border-radius:50%;border:4px solid transparent;transition:transform .3s ease,border-color .3s ease}.choose-pet-title{font-family:Pacifico,cursive;font-size:48px;color:#6b4423;margin-bottom:40px;text-align:center}.choose-pet-title{font-family:Pacifico,cursive;font-size:36px;color:#6b4423;margin-bottom:30px;text-align:center}.pet-image{width:220px;height:auto;border-radius:50%;border:4px solid transparent;transition:transform .3s ease,border-color .3s ease}.pet-option:hover .pet-image{transform:scale(1.2);border-color:#6b4423}.pet-name{font-size:16px;color:#6b4423;margin-top:15px;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s ease}.pet-button{padding:12px 24px;background-color:#8b572a;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease}.pet-button:hover{background-color:#6b4423}body{font-family:Montserrat,sans-serif;font-style:medium;background-color:#f8f7f6;background-image:linear-gradient(135deg,#f8f7f6 25%,#f3e6e3 25%,#f3e6e3 50%,#f8f7f6 50%,#f8f7f6 75%,#f3e6e3 75%,#f3e6e3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dog-section-divider{margin:2rem auto;width:80%;border-top:1px solid rgba(0,0,0,.2);opacity:.5}.dog-container{text-align:center;color:#5c3d2e;animation:fadeIn .5s ease}.dog-title{font-family:Playfair Display,serif;font-size:2.5rem;margin-top:2rem}.dog-description{font-size:1.25rem;margin:1.5rem 0}.dog-content{margin:2rem auto;max-width:60rem;text-align:center}.dog-service{margin-bottom:2rem;animation:fadeIn .5s ease}.dog-service-image{width:14rem;height:14rem;border-radius:50%;object-fit:cover;border:3px solid #8E6C4B;margin-bottom:1rem;box-shadow:0 4px 10px #0000001a;transition:transform .5s ease,border-color .3s ease}.dog-service-image:hover{animation:rotate 2s linear infinite;transform:scale(1.5);border-color:#6b4423}.dog-service-button{background-color:#6b4423;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 10px #0000001a}.dog-service-button:hover{background-color:#8e6c4b;transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}