@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500&family=Poppins:wght@400;500;600&display=swap);*{border:0;box-sizing:border-box;margin:0;padding:0;text-decoration:none}:root{--poppins:"Poppins",sans-serif;--ibm:"IBM Plex Sans",sans-serif;--blue:#3874ff;--green:#38d6af;--coral:#fc6e6e;--btn-hover:#ff9ea0;--beige:#fcf0e3;--dark-grey:#747481;--medium-grey:#bdbdbd;--light-grey:#f7f7f7;--white:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--white)}body,input,textarea{font-family:Poppins,sans-serif;font-family:var(--poppins)}input,textarea{color:#747481;color:var(--dark-grey);font-size:.875rem}#root,body,main{min-height:100vh}html{scroll-behavior:smooth}section{flex:1 1 auto}h1{font-size:4.25rem;font-style:normal;font-weight:500;line-height:4.5rem}h2{font-size:2.625rem}h2,h3{font-style:normal;font-weight:500;line-height:3rem}h3{font-size:1.625rem}h4{font-family:IBM Plex Sans,sans-serif;font-family:var(--ibm);font-weight:600}h4,p{font-size:1rem;font-style:normal;line-height:1.5rem}p{font-weight:400}ul{list-style:none}.App{display:flex;flex-direction:column;position:relative}.App:before{background:url(/static/media/header-bg.044069ffb5f84fbd554e.svg) no-repeat;background-position:0 0;background-size:100%;content:"";height:18.5rem;position:absolute;width:22rem;z-index:-1}.header{padding:3rem 3rem 0;position:relative}.header__user{width:2.5rem}.header nav{align-items:center;display:flex;flex:0 1 auto;justify-content:space-between}.header nav>div{display:flex;gap:3.75rem}.header__logo{display:none}.header__home,.header__message{display:inline-block;height:1.5rem;transition:background .3s;width:1.5rem}.header__home{background:url(/static/media/home.ee2869b277070865e1bc.svg) no-repeat 50%}.header__home:focus,.header__home:hover{background:url(/static/media/home-hover.c180b6cc70411cb4f02b.svg) no-repeat 50%}.header__message{background:url(/static/media/messages.5f7dd28207df71cb5402.svg) no-repeat 50%}.header__message:focus,.header__message:hover{background:url(/static/media/messages-hover.c6f42845491a2accf095.svg) no-repeat 50%}.header__homepet-button{background-color:#ff6c6c;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none}.header__homepet-button:hover{background-color:#f79393}.login-button-container{position:absolute;right:10px;top:10px}.login-button{background-color:#fff;border:none;border-radius:4px;color:#3874ff;font-weight:700;padding:8px 16px;text-decoration:none}button.menu__button{background:transparent;box-shadow:none;height:auto;margin:0;padding:0;transition:.3s;width:auto}button.menu__button:focus,button.menu__button:hover{background:transparent;box-shadow:none;-webkit-transform:scale(1.1);transform:scale(1.1)}.header>nav>.menu__content{flex-direction:column;gap:0;position:absolute;right:3rem;top:7rem}.button,button{background:#fc6e6e;background:var(--coral);border-radius:6px;box-shadow:2px 2px 4px rgba(0,0,0,.25);color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;line-height:24px;margin:0 4px 4px;padding:.5rem;text-align:center;transition:background .3s;width:50vw}.button:focus,.button:hover,button:focus,button:hover{background:#ff9ea0;background:var(--btn-hover)}.footer{align-items:center;background:#38d6af;background:var(--green);color:#fff;color:var(--white);display:flex;flex:0 1 auto;font-size:1rem;justify-content:center;padding:2.5rem 0;position:relative}.footer__img{display:block;margin:1.5rem auto -1.125rem}.footer a{border-bottom:1px solid;color:#fff;color:var(--white);transition:color .3s}.footer a:focus,.footer a:hover{color:#fc6e6e;color:var(--coral)}.home,.initial{align-items:center;display:flex;flex-direction:column;padding-top:6.25rem}.initial img{height:2.875rem}.initial h3{color:#fff;color:var(--white);font-family:IBM Plex Sans,sans-serif;font-family:var(--ibm)}.home p,.initial p{color:#fff;color:var(--white);margin-top:1rem;text-align:center;width:15.5rem}.home__buttons{gap:1rem;margin-left:5rem;margin-right:5rem;padding:1.5rem}.home__buttons,.home__buttons div{align-items:center;display:flex;flex-direction:column}.initial .button{transition:.3s}.initial .button:focus,.initial .button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.initial__link{border-bottom:1px solid;color:#fff;color:var(--white);font-size:14px;transition:.3s}.initial__link:focus,.initial__link:hover{font-size:16px;font-weight:700}.home:after,.initial:after,.message:after,.register:after{background:url(/static/media/body-bg.f6dadb0e4c8547d3b0c1.svg) no-repeat;background-size:cover;content:"";height:26rem;position:absolute;right:0;top:12.5rem;width:4.25rem;z-index:-1}.home:after,.message:after{display:none}.message .error,.register .error{color:#fc6e6e;color:var(--coral);font-size:.875rem;font-weight:600;margin-top:.25rem;width:100%}.home,.message,.register{align-items:center;display:flex;flex-direction:column;margin-left:1.5rem;margin-right:1.5rem;min-height:100vh;padding-top:5.5rem}.register:before{background:url(/static/media/paws.9b75e6b2685fc7d04973.svg) no-repeat;background-size:cover;content:"";height:14.2rem;position:absolute;right:0;top:0;width:8.5rem}.register img{height:2.25rem}.register p{color:#3874ff;color:var(--blue);margin-top:1.5rem;text-align:center;width:19.5rem}.register form{align-items:center;display:flex;flex-direction:column;margin:1.5rem;text-align:center;width:100%}.register label{color:#747481;color:var(--dark-grey);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;margin-top:1.25rem}.register label:first-child{margin:0}.register span{width:100%}.message input,.message textarea,.register input{background-color:#f7f7f7;background-color:var(--light-grey);border-radius:6px;box-shadow:0 2px 2px rgba(0,0,0,.15);display:inline-block;margin-bottom:2px;padding:.8rem;position:relative;resize:none;width:100%}.register .button{margin-top:1.5rem}.register .img{margin-top:14px;right:40px}.register .img,.register .pass__view{cursor:pointer;height:16px;position:absolute;transition:.3s;width:18px}.register .pass__view{background:url(/static/media/eye.5ae0ce98d49086918671.svg);background-repeat:no-repeat;margin-top:1rem;right:2.5rem;z-index:10}.pass__view:focus,.pass__view:hover{background:url(/static/media/eye-hover.83ecaa4c5ad07beaba71.svg)}.message a,.register__forgot,.register__newUser{color:#fc6e6e;color:var(--coral);cursor:pointer;display:block;font-size:.875rem;margin-top:.875rem;text-align:center;text-decoration:underline}.message a{margin-top:.25rem}.register button{margin-top:1.5rem}::-webkit-input-placeholder{color:#bdbdbd;color:var(--medium-grey);font-family:Poppins,sans-serif;font-family:var(--poppins);font-size:.875rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}::placeholder{color:#bdbdbd;color:var(--medium-grey);font-family:Poppins,sans-serif;font-family:var(--poppins);font-size:.875rem;font-style:normal;font-weight:400;line-height:1rem;text-align:center}.home{margin:0}.home p,.message p{color:#3874ff;color:var(--blue);display:block;margin:0 auto 1.5rem;text-align:center;width:16rem}div.card{align-items:center;background:#f7f7f7;background:var(--light-grey);display:grid;grid-template-areas:"photo name" "photo list" "photo abrigo" "photo city" "photo contact";grid-template-columns:10.25rem auto;justify-content:center;margin-bottom:1rem;padding:1.5rem;width:100vw}.card img{grid-area:photo;height:auto;margin-left:-.5rem;margin-right:1rem;max-height:100%;max-width:100%}.card h4,.message label{color:#3874ff;color:var(--blue);font-family:Poppins,sans-serif;font-family:var(--poppins);font-weight:600;grid-area:name}.card ul{font-size:.875rem;grid-area:list;line-height:1.25rem;margin-bottom:1.875rem}.card ul,p.card__city,p.card__contact{color:#747481;color:var(--dark-grey);font-weight:400}p.card__city,p.card__contact{text-align:start;width:auto}p.card__city{font-size:.75rem;grid-area:city;line-height:1rem;margin:0 0 .5rem}.red_text{color:red;font-size:.85rem;line-height:2.5rem;margin:0;padding-right:5rem}a.card__contact{color:#747481;color:var(--dark-grey);display:flex;font-size:.625rem;font-weight:400;grid-area:contact;line-height:1rem;margin:0;white-space:nowrap}a.card__contact:before{background:url(/static/media/message.a71fd916fbc1491a5831.svg) no-repeat;content:"";height:18px;padding-right:.5rem;transition:.3s;width:18px}a.card__contact:focus:before,a.card__contact:hover:before{background:url(/static/media/message-hover.585ef151de5fe106e8eb.svg) no-repeat}.card-button-container{align-items:center;display:flex;justify-content:space-between}.card-button{background-color:#3874ff;background-color:var(--blue);border:none;color:hsla(0,0%,100%,.926);cursor:pointer;font-size:.75rem;margin-top:.5rem;max-width:120px;padding:.25rem .5rem;width:120%}.confirmation-dialog{align-items:center;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;left:50%;padding:1rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.confirmation-dialog p{margin-bottom:1rem}.confirmation-dialog button{cursor:pointer;margin:.5rem;padding:.5rem 1rem}.pet-form-container{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.pet-form-card{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:500px;padding:20px;text-align:center;width:80%}.pet-form-card select{background:#fff;border:none;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;text-align:center;width:100%}.pet-form-card h2{color:#3874ff;color:var(--blue);font-size:30px;margin-bottom:20px}.pet-form-card input{font-size:16px;margin-bottom:10px;padding:10px;text-align:center;width:100%}.pet-form-card button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 10px}.pet-form-card button.cancel-button{background-color:#f44336}.error-message{color:red;font-size:14px;margin-bottom:5px}.message form{background:#f7f7f7;background:var(--light-grey);border-radius:.625rem;margin-bottom:1rem;padding:2rem 1rem}.message input,.message textarea{background-color:#fff;background-color:var(--white);margin-bottom:1rem;margin-top:.5rem}.message ::-webkit-input-placeholder{text-align:start}.message ::placeholder{text-align:start}.message textarea{margin-bottom:2rem}.message form>button{display:block;margin:0 auto}legend{color:#747481;color:var(--dark-grey);font-size:1.25rem;font-weight:600;line-height:1.5rem;text-align:center}#userPic{background:transparent;border:none;box-shadow:none;display:block;margin:0 auto;max-width:5rem;padding:0}@media screen and (min-width:768px){.button,button,p{font-size:1.125rem}.button,button{padding:.75rem;width:21.5rem}.App:before{height:30rem;width:35rem}.header__logo{display:block;width:8rem}.header__user{width:3rem}.footer__img{margin:2.5rem auto -2.5rem;width:21rem}.initial,.register{padding-top:11.25rem}.initial img,.register img{height:3.875rem;margin-bottom:2.5rem}.initial p{margin-top:1.5rem;width:21.5rem}.home__buttons{padding:2.375rem}.home__buttons div{display:inline}.initial:after,.message:after,.register:after{display:block;height:41.5rem;top:16.75rem;width:8.375rem}.register form{margin:2.5rem;width:50%}.register .pass__view{right:calc(25% + 1.5rem)}.register label{font-size:1.125rem;margin-top:1.5rem;padding-bottom:.5rem}.register .button{margin-bottom:11.625rem;margin-top:2rem;max-width:10.25rem}.register:before{height:21rem;width:14rem}.home,.message{padding-top:11.75rem}.home>p,.message form,.message>p{margin-bottom:2rem;width:32rem}.message form{margin-bottom:5.625rem}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 2rem 2rem}div.card{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message button{max-width:10.25rem}}@media screen and (min-width:1280px){.button,button{width:22.625rem}.header{padding:3rem 10.125rem 0}.header__user{width:3.5rem}.header>nav>.menu__content{right:10.125rem}.initial,.register{padding-top:2.25rem}.initial p{width:30.5rem}.register input,.register p{width:34.5rem}.register form{margin:2.5rem;width:34.5rem}.register span{width:auto}.register .pass__view{right:calc(50vw - 17rem)}.register:before{background:url(/static/media/paws-1.345469304276e8354b3c.svg) no-repeat;height:23.625rem;width:18.375rem}.home:after,.initial:after,.message:after,.register:after{display:block;height:41.5rem;top:11.25rem;width:8.375rem}.home,.message{padding-top:6.375rem}.message form{margin-bottom:5.625rem;padding:2rem;width:34.5rem}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:0 2rem 3.75rem}}
/*# sourceMappingURL=main.61edaa26.css.map*/