@import"https://fonts.googleapis.com/css2?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";.navbar{display:flex;justify-content:space-between;align-items:center;padding:1em 2em;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#333;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar .navbar-logo{display:flex;align-items:center;gap:.5em}.navbar .navbar-logo img{display:block;aspect-ratio:1/1;width:60px;transform:scale(2);filter:invert(55%) sepia(100%) saturate(475%) hue-rotate(88deg) brightness(87%) contrast(79%)}.navbar .navbar-logo span{font-size:1.8rem;font-weight:500;color:#fff;text-shadow:1px 1px 2px black}.navbar .navbar-menu{display:flex;justify-content:flex-end;gap:2em;list-style:none}.navbar .navbar-menu a{color:#fff;text-shadow:1.2px 1.1px 1px black;font-size:20px;text-decoration:none;display:inline-block;transition:transform .3s}.navbar .navbar-menu a:hover,.navbar .navbar-menu a:focus{transform:scale(1.07);text-shadow:none;color:#1db750}.navbar .navbar-menu .user,.navbar .navbar-menu .guest{display:flex;gap:2em}.header-container{display:block;width:100%;height:100vh;background-image:url(/assets/home-background-XlJs3TT0.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.header{display:flex;flex-direction:column;gap:3em;width:500px;margin-left:auto;margin-right:4em;padding-top:20em}.header .btn-wrapper:nth-child(2){background-color:#106a2e}.header .btn-wrapper:hover{transform:scale(1.05)}.header h1{font-size:2.5rem;color:#fff}.btn-wrapper{background-color:#1db750;padding:2em;width:500px;border-radius:2em;transition:.3s ease}.act-button{display:flex;justify-content:flex-start;align-items:center;color:#fff;gap:1em}.footer{background-color:#333;color:#fff;padding:40px 0;text-align:left}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1200px;margin:0 auto}.footer-section{flex:1;min-width:200px;margin:20px}.footer-section h3{border-bottom:2px solid #006400;padding-bottom:5px;margin-bottom:15px}.footer-section p,.footer-section ul{margin:0;padding:0;list-style:none}.footer-section a{color:#fff;text-decoration:none;display:block;margin-bottom:10px}.footer-section a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);text-align:center;padding:10px 0}.footer-bottom p{margin:0}.main-content{height:100vh}.register-section{display:flex;justify-content:space-between;align-items:center;background-color:#106a2e;color:#fff;padding:3em 20em}.register-section .button button{padding:1em 5em;border-radius:.4em;border-style:none;background-color:#1db750;transition:.3s ease}.register-section .button button:hover{transform:scale(1.1)}.register-section .button button a{color:#fff;font-size:1.3em}.description{display:flex;justify-content:center;gap:3em;color:#484848}.description-header{text-align:center;margin-top:2em;margin-bottom:2em;color:#484848}.description .why-choose-us{display:flex;flex-direction:column;width:400px;border:1px solid #eeeeee32;border-radius:.5em;padding:1em;transition:all .3s ease}.description .why-choose-us img{background-color:#71e096;display:block;width:100px;height:100px;border-radius:50%;margin:0 auto;transition:all .3s ease}.description .why-choose-us .details{margin-top:0}.description .why-choose-us .details ul{display:inline-block;text-align:left;padding:2em}.description .why-choose-us .details ul h2{text-align:center;margin-bottom:1em}.description .why-choose-us .details ul li{padding:.5em}.description .why-choose-us .details ul li::marker{color:#1db750}.description .why-choose-us:hover{box-shadow:0 0 50px #13131c1f}.description .why-choose-us:hover img{background-color:#1db750}.featured-section{text-align:center;background-color:#eee;padding:2em}.featured-container{display:flex;justify-content:space-evenly;padding:4em;gap:2em}.featured-pet{width:400px;border-radius:.7em;text-align:left;transition:all .3s ease;background-color:#fff}.featured-pet .thumbnail-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.5em;padding:1em}.featured-pet .pet-details{padding:0 1.2em 1em;color:#474747}.featured-pet .pet-details h3{font-size:1.3em}.featured-pet:hover{cursor:pointer;box-shadow:0 0 50px #13131c1f;transform:scale(1.05)}.card-container{display:block;width:300px;height:350px;padding:1em;border-radius:.5em;box-shadow:0 0 1em #0003;transition:.3s ease-in-out}.card-container img{display:block;border-radius:.5em;overflow:hidden;width:100%;height:200px;object-fit:cover;aspect-ratio:4/3}.card-container .pet-details span{color:#106a2e}.pet-details{padding:.7em}.pet-details h3{margin:0 0 3px;color:#1db750;font-weight:500}.pet-details p{margin:2px 0}.pet-details>p:last-child span{margin-right:5px}.card-container:hover{transform:scale(1.05)}.home{display:block;width:100%}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:url(/assets/variant6-DTVGEwea.jpg) no-repeat center center fixed;background-size:cover}.login-form{background:#fff9;padding:40px;border-radius:10px;box-shadow:0 0 15px #00000080;width:450px;text-align:center}.login-form h2{margin-bottom:30px;font-size:2em}.remember-me{display:flex;align-items:center;margin-bottom:25px}.remember-me input{margin-right:10px}.form-footer{display:flex;justify-content:space-between;margin-top:20px}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background:url(/assets/variant7-N85f9cAf.jpg) no-repeat center center fixed;background-size:cover}.register-form{background:#fffc;padding:40px;border-radius:10px;box-shadow:0 0 15px #00000080;width:500px;text-align:center}.register-form h2{margin-bottom:30px;font-size:2em}.input-group{margin-bottom:25px;text-align:left}.input-group label{display:block;margin-bottom:10px;font-size:1.1em;color:#333}.input-group input{width:100%;padding:15px;border:1px solid #ccc;border-radius:5px;font-size:1.1em}button{width:100%;padding:15px;border:none;border-radius:5px;background-color:#1db750;color:#fff;font-size:1.2em;cursor:pointer;transition:background-color .3s ease}.error-msg{color:red;margin-bottom:1em;font-size:1.2em}button:hover{background-color:#106a2e}.form-footer{margin-top:20px}.form-footer a{color:#1db750;text-decoration:none;font-size:1em}.form-footer a:hover{text-decoration:underline}.dog-details-page{padding-top:7em;display:block;width:100vw;height:100vh;background-color:#eee}.dog-card{display:flex;width:1200px;height:550px;padding:2em;margin:0 auto;justify-content:space-evenly}.dog-card .border{display:flex;padding:.6em;overflow:hidden;border-radius:.5em;background-color:#fff}.dog-card .image-container{display:block;width:500px;position:relative;overflow:hidden}.dog-card .image-container .blur{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:0;border:medium;margin:auto;display:block;width:0px;height:0px;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover;filter:blur(15px)}.dog-card .image-container img{display:block;position:absolute;width:100%;height:100%;object-fit:contain}.dog-card .dog-info{display:flex;flex-direction:column;width:400px;padding:2em;border-radius:1em;justify-content:flex-start;background-color:#fff}.dog-card .dog-info h2{color:#1db750;font-weight:400;font-size:1.8em}.dog-card .about h3{font-size:14px;font-style:normal;font-weight:600;letter-spacing:6px;color:#768197;text-transform:uppercase;margin-top:.9em}.dog-card .dog-info .about .list-container{margin-top:1.5em}.dog-card .dog-info .about .list-container .list-item{display:flex;justify-content:space-between;box-pack:justify;margin-top:.6em;margin-right:1em;color:#48494a}.apply-button{margin-top:3em;width:100%;outline:none;cursor:pointer;background:#1db750;border-radius:20px;padding:18px;color:#fff;font-weight:300;font-size:20px;line-height:18px;opacity:1;pointer-events:all}.dog-description{display:block;width:992px;margin:1em auto;padding:2em;border-radius:.5em;background-color:#fff}.dog-description h2{color:#1db750;font-weight:400}.dog-description p{margin-top:1em;color:#48494a}.buttons{display:flex;gap:1.5em;margin-top:2em}.buttons a{width:100%}; .buttons .delete-btn{background-color:red}.image{position:fixed;left:0;right:0;z-index:1;display:block;background:url(https://images.unsplash.com/photo-1511732351157-1865efcb7b7b?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);width:100vw;height:100vh;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.page{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.image{position:fixed;left:0;right:0;z-index:1;display:block;background:url(https://images.unsplash.com/photo-1511732351157-1865efcb7b7b?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);width:100vw;height:100vh;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.post-pet-form-container{width:550px;margin:5em auto 0;padding:1em;border:1px solid #ccc;border-radius:8px;background:#ffffffb3;box-shadow:0 4px 8px #0000001a;position:fixed;left:0;right:0;z-index:9999}.post-pet-form-container h1{text-align:center;margin-bottom:15px;font-size:1.5em;color:#333}.post-pet-form{display:flex;flex-direction:column}.form-group{margin-bottom:1em}.form-group label{display:block;margin-bottom:3px;font-weight:700;color:#555;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#333;background:#fff9}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff9;background-size:10px}.form-group textarea{height:70px;resize:none}.form-group input[type=file]{padding:0}.submit-button{display:block;width:100%;padding:10px;background-color:#1db750;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.submit-button:hover{background-color:#0d5d26}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.loading-container{display:flex;height:100vh;align-items:center;justify-content:center}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{background-color:#fafcff}.catalog-page{padding:3em;display:grid;grid-template-columns:320px 320px 320px;grid-template-rows:1fr;column-gap:40px;row-gap:30px;justify-content:center;align-items:center}.card-container{display:block;width:300px;height:350px;padding:1em;border-radius:.5em;box-shadow:0 0 1em #0003}.search{display:flex;justify-content:center;align-items:center;margin:8em auto 0;width:max-content;outline:1px ridge grey;border-radius:3em;padding:0 1em}.search .icon{margin-left:1em;color:#1db750}.search input{display:block;width:1004px;height:4em;padding:1em;color:gray;font-size:1.2em;font-style:italic;border-style:none}.search input:hover{outline-color:#1db750}.search input:focus{outline:none}*{padding:0;margin:0;box-sizing:border-box}body{min-height:100vh;font:16px/1.5 Poppins,sans-seriff}a{text-decoration:none;color:inherit}li{list-style-type:none}