.root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body,html{margin:0;padding:0;height:100vh;width:100vh}.home-page{width:1470px;height:100vh;background-image:url(/images/final-image.jpg);background-size:cover;background-position-y:35%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-page-title{display:flex;margin-top:-350px}.home-title{color:#292929;margin-top:0;margin-bottom:15px;font-family:helvetica;font-size:80px;font-weight:400}.home-title-2{color:#292929;margin-top:0;margin-bottom:15px;font-family:helvetica;font-size:80px;font-weight:400;margin-left:10px}.home-description{color:#155f4f;margin-bottom:20px;margin-top:5px;font-family:helvetica;font-size:30px;font-weight:500}.home-buttons{display:flex;margin-top:15px}.home-pets-button{color:#000;font-weight:700;font-family:helvetica;font-size:20px;border:1px solid black;background-color:transparent;padding:10px 19px;border-radius:8px;box-shadow:0 1px 2px #35271a;margin-right:12px}.home-adopt-button{color:#000;font-weight:700;font-family:helvetica;font-size:20px;border:1px solid black;background-color:transparent;padding:10px 26px;border-radius:8px;box-shadow:0 1px 2px #35271a;margin-left:5px}.home-pets-button:hover,.home-adopt-button:hover{color:#155f4f;border:1px solid black}.home-login-button{color:#000;font-weight:700;font-family:helvetica;font-size:20px;border:1px solid black;background-color:transparent;padding:10px 26px;border-radius:8px;box-shadow:0 1px 2px #35271a;margin-right:10px}.home-signup-button{color:#000;font-weight:700;font-family:helvetica;font-size:20px;border:1px solid black;background-color:transparent;padding:10px 20px;border-radius:8px;box-shadow:0 1px 2px #35271a;margin-left:5px}.home-signup-button:hover,.home-login-button:hover{color:#155f4f;border:1px solid black}.signup-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d5e0e5;width:1470px;height:100vh}.signup-page-1{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0}.signup-page-card{display:flex;justify-content:center;align-items:center;height:450px;width:750px;background-color:#d1f4d7;border-radius:12px;box-shadow:0 1px 2px #35271a}.signup-title{color:#000;font-family:helvetica;font-size:30px}.signup-form{margin-top:5px;width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-form-parts{display:flex;flex-direction:column;justify-content:center;margin-left:50px;margin-top:15px}.signup-form-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,280px));gap:25px}.signup-form-button{color:#000;font-family:helvetica;font-size:20px;font-weight:700;border:1px solid black;background-color:#fff;padding:7px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a;margin-top:70px;margin-bottom:25px}.signup-form-button:hover{color:#155f4f;border:1px solid black;cursor:pointer}.signup-form-button:focus{color:#155f4f;border:1px solid black;outline:none}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d5e0e5;width:1470px;height:100vh}.login-page-1{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-65px}.login-page-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:380px;width:450px;background-color:#d1f4d7;border-radius:12px;box-shadow:0 1px 2px #35271a}.login-title{color:#000;font-family:helvetica;font-size:30px}.login-form{display:flex;flex-direction:column;width:180px;align-items:center}.login-form-password{display:flex;flex-direction:column;align-items:center;margin-top:15px;color:#000}.form-password{margin-top:15px;font-size:20px;font-weight:400;color:#000;margin-bottom:7px}.form-email{font-size:20px;font-weight:400;color:#000;margin-bottom:7px}.login-form-email{display:flex;flex-direction:column;align-items:center;margin-top:30px;font-size:20px;font-weight:600;color:beige}.login-form-button{color:#000;font-family:helvetica;font-size:20px;font-weight:700;border:1px solid black;background-color:#fff;padding:7px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a;margin-top:70px;margin-bottom:30px}.login-form-button:hover{color:#155f4f;border:1px solid black}.pet-profile-page{display:flex;flex-direction:column;justify-content:center;color:#000;background-color:#fff;height:100vh;width:1470px}.pet-profile-content{margin-top:25px;width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:start;margin-left:135px}.prof-page-description{color:#155f4f;font-family:helvetica;font-size:28px}.profile-parts{display:flex;justify-content:space-between;background-color:#d1f4d7;height:550px;width:1200px;border-radius:10px;box-shadow:0 1px 2px #35271a}.p-name{padding:2px 10px;margin-top:20px;margin-left:-11px;margin-bottom:25px;font-size:30px}.prof-info-part{border-right:none;color:#000;background-color:transparent;border-top-left-radius:12px;border-bottom-left-radius:12px;max-height:433px;width:555px}.pet-profile-info{display:flex;flex-direction:column;justify-content:left;padding-bottom:10px;margin-left:45px;margin-bottom:20px;width:300px;max-height:500px;margin-top:-5px}.profile-info-grid{margin-top:-20px;display:grid;-ms-grid-row-align:start;grid-template-columns:repeat(3,minmax(200px,220px));gap:20px}.profile-page-links{width:180px;margin-top:92px;margin-right:50px;display:flex;justify-content:space-between}.pet-profile-img1{display:flex;flex-direction:column;align-items:end}.prof-link-edit{color:#000;font-family:helvetica;font-size:20px;border:1px solid transparent;background-color:#fff;padding:7px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a}.prof-link-back{color:#000;font-family:helvetica;font-size:20px;border:1px solid transparent;background-color:#fff;padding:7px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a;margin-left:15px}.prof-link-edit:hover,.prof-link-back:hover{color:#155f4f;border:1px solid black}.pet-profile-img{margin-top:35px;margin-right:35px;max-height:320px;max-width:600px;border-radius:10px;background-color:transparent;box-shadow:0 1px 2px #35271a}.p-bold{font-weight:700;font-size:18px}.p-bold-mr{font-weight:700;font-size:18px;width:500px;height:60px;margin-top:10px;background-color:#fff;padding-bottom:20px;padding-top:5px;padding-left:12px;border-radius:7px}.pets-page{color:#155f4f;background-color:#fff;min-width:fit-content;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:1455px}.pets-title-add{display:flex;align-items:center;justify-content:start;margin-top:39px}.pets-page-content{display:flex;flex-direction:column;justify-content:center;width:1190px;margin-top:60px}.pets-addpet-menu{color:#000;font-weight:800;border:1px solid transparent;background-color:#d1f4d7;padding:8px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a;margin-left:70px}.pets-addpet-menu:hover{color:#000;background-color:#b8efc1}.pets-img{height:220px;width:331px;border-top-left-radius:10px;border-bottom-left-radius:10px}.pets-title{color:#155f4f;font-family:helvetica;font-size:45px}.pets-description{color:#000;font-weight:200;margin-bottom:0;font-family:Tahoma}.pets-page-grid{display:grid;justify-content:space-between;grid-template-columns:repeat(2,minmax(200px,580px));gap:40px;margin-top:35px;width:1200px}.pet-name-link{font-family:helvetica;color:#000;font-size:17px;font-weight:700}.pet-name-link:hover{color:#155f4f}.pets-page-card-info{display:flex;align-items:center;justify-content:start;color:#000;margin-top:0;background-color:#d1f4d7;box-shadow:0 0 2px #7c7369;transition:background-color .2s ease;border-radius:10px;font-weight:700;width:570px;height:220px}.pets-page-card-info:hover{display:flex;align-items:center;justify-content:start;color:#000;background-color:#b8efc1;box-shadow:0 0 2px #7c7369;transition:background-color .4s ease;border-radius:10px;font-weight:700;width:575px;height:220px}.pets-info{display:flex;font-size:18px;font-weight:500;flex-direction:column;margin-left:5%;margin-bottom:25px}.create-page{color:#35271a;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;height:100vh;width:1470px}.create-page-content{margin-top:70px;width:1205px}.create-card{background-color:#d1f4d7;padding:30px;width:1140px;height:450px;margin-top:25px;margin-left:2px;border-radius:10px;justify-content:center;box-shadow:0 1px 2px #35271a}.pets-create-form{margin-top:15px}.pets-create{margin-top:-20px;display:grid;flex-direction:column;justify-content:center;grid-template-columns:repeat(4,minmax(100px,200px));align-items:center;gap:15px;column-gap:50px}.add-button{margin-top:30px;margin-left:90px;color:#000;font-family:helvetica;font-size:20px;border:1px solid black;background-color:#fff;padding:7px 20px;border-radius:7px;box-shadow:0 1px 2px #35271a}.add-button:hover{color:#155f4f;border:1px solid black}.add-button:focus{color:#155f4f;border-color:transparent;outline:none}.create-title{color:#155f4f;font-family:helvetica;font-size:45px;margin-top:-10px;margin-bottom:10px}.createpage-description{color:#000;font-weight:500;font-family:helvetica;font-size:17px;margin-top:20px;margin-bottom:10px}.creatediv-column{display:flex;flex-direction:column}.form-space{margin-top:-65px}.pet-create1{display:flex;flex-direction:column;align-items:start;width:280px;align-items:stretch}.pet-create2{display:flex;flex-direction:column;align-items:start;width:280px;align-items:stretch;margin-left:30px}.adopt-page{display:flex;justify-content:center;background-color:#fff;background-size:cover;max-width:1455px;height:550vh}.adopt-page-content{margin-left:0;margin-top:120px}.adopt-header{display:flex;align-items:start;justify-content:space-between;margin-top:20px}.adopt-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,580px));gap:35px;margin-top:35px}.adopt-card{display:flex;flex-direction:column;align-items:start;height:260px;background-color:#d1f4d7;border-radius:10px;margin-top:0;margin-bottom:15px;box-shadow:0 1px 2px #35271a}.adopt-title{color:#155f4f;font-family:helvetica;font-size:45px;margin-top:-10px;margin-bottom:0}.adopt-descr{font-family:Tahoma;font-size:17px;font-weight:500;margin-top:75px;color:#000;margin-bottom:0}.adopt-descr-2{font-family:Tahoma;font-size:17px;font-weight:500;margin-top:25px;color:#000;margin-bottom:70px}.adopt-create{margin-top:20px;display:flex}.createadopt-column{display:flex;flex-direction:column}.adopt-form{margin-top:0;display:flex}.adopt-create1{display:flex;flex-direction:column;align-items:start;width:280px;align-items:stretch}.adopt-create2{display:flex;flex-direction:column;align-items:start;width:280px;align-items:stretch;margin-left:30px}.adopt-pet-info{color:#000;font-size:15px;display:flex;flex-direction:column;align-items:start;margin-left:30px;margin-top:-10px}.pet-adopt-imgdet{display:flex;justify-content:space-between}.pet-adopt-img{max-height:260px;max-width:260px;border-top-left-radius:10px;border-bottom-left-radius:10px}.adopt-pet-name{margin-bottom:0}.adopt-pet-descr{max-width:240px;text-align:justify;font-weight:600;margin-bottom:0}.adopt-pet-det{display:flex;flex-direction:column;align-items:start}.adopt-pet-age{max-width:240px;text-align:center;font-weight:600}.adopt-pet-sex,.adopt-pet-size,.adopt-pet-health,.adopt-pet-association{max-width:240px;text-align:center;font-weight:600;margin-top:-15px}.adopt-button{color:#35271a;font-weight:700;border:1px solid rgb(53,39,26);background-color:transparent;padding:5px 17px;border-radius:5px;box-shadow:0 2px 5px #35271a;margin-top:50px}.adopt-button:hover{color:#074e41}.adopt-apamg-image{width:100px;height:100px;margin-top:-30px}.adopt-buton{margin-top:45px}.insta-link{color:#4091d6}.insta-link:hover{color:#377ab6}.fb-link{color:#4091d6}.fb-link:hover{color:#377ab6}.user-page{width:1470px;height:100vh;background-color:#fff}.user-page-1{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-page-content{margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-title{color:#155f4f;font-family:helvetica;font-size:45px;margin-top:15px;margin-bottom:0}.user-info{margin-top:20px;width:850px;height:500px;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#d1f4d7;border-radius:7px;box-shadow:0 1px 2px #35271a}.user-info-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,260px));gap:20px;column-gap:170px;align-items:center}.u-bold{margin-top:8px;font-size:23px;background-color:#fff;border-radius:7px;padding-left:8px;padding-top:3px;height:40px}.navbar{background-color:#d1f4d7;display:flex;position:fixed;align-items:center;top:0;left:0;width:100%;height:55px;justify-content:space-between}.navbar-links{padding-left:1%;display:flex;align-items:center;margin-left:35px;width:250px;height:100%}.nav-right-links{display:flex;justify-content:right;align-items:center;width:250px;height:50px}.nav-pets-adopt{display:flex;align-items:center;margin-left:30px}.nav-page-title{display:flex;color:#000;margin-left:-10px;font-weight:700;font-family:helvetica}.nav-page-title:hover{color:#155f4f;display:flex;font-family:helvetica}.nav-title-2{margin-left:3px}.homepage-link{color:#000;width:26px;height:23px;margin-top:5px}.pets-link{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;background-color:transparent;padding:5px 17px;border-radius:14px;margin-right:10px;margin-left:0}.pets-link:hover{color:#155f4f}.adopt-link{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;padding:5px 17px;border-radius:14px;margin-left:-5px;margin-right:10px}.adopt-link-lgout{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;padding:5px 17px;border-radius:14px;margin-right:10px}.adopt-link:hover,.adopt-link-lgout:hover{color:#155f4f}.about-link{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;padding:5px 17px;border-radius:14px;margin-left:-5px;margin-right:10px}.about-link:hover{color:#155f4f}.log-out{display:flex;align-items:center;font-family:helvetica;margin-top:0;margin-right:5px;max-height:80%;color:#000;background-color:transparent;padding:7px 17px;border-radius:14px}.user-link{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;padding:5px 17px;border-radius:14px;margin-left:10px;margin-right:20px}.log-out:hover{color:#155f4f;border:transparent}.log-out:focus{color:#155f4f;border-color:transparent;outline:none}.user-link:hover{color:#155f4f}.retrieve-link{border:3px solid rgb(41,171,113)}.sidebar{border:2px solid rgb(7,78,65);padding:20px}.show-both-pets-and-adopt{display:flex;align-items:center}.log-in,.sign-up{display:flex;align-items:center;font-family:helvetica;margin-top:0;color:#000;border:none;background-color:transparent;padding:5px 17px;border-radius:14px;margin-left:10px;margin-right:10px}.log-in:hover{color:#155f4f;border-color:none}.log-in:focus{color:#155f4f;border-color:transparent;outline:none}.sign-up:hover{color:#155f4f;border:transparent}.sign-up:focus{color:#155f4f;border-color:transparent;outline:none}.show-only-adopt{display:flex}.logged-out-nav-buttons{display:flex;align-items:center;margin-right:20px}.about-page{display:flex;justify-content:center;background-color:#fff;background-size:cover;width:1470px;height:100vh}.about-page-content{padding-top:120px;margin-left:-15px;width:1190px}.adopt-header{display:flex;align-items:start;justify-content:space-between;margin-top:20px;width:1200px}.about-title{color:#155f4f;font-family:helvetica;font-size:45px;margin-top:-10px;margin-bottom:0}.about-title-1{color:#000;font-family:helvetica;font-size:30px;margin-top:0;margin-bottom:0}.adopt-apamg-image{width:80px;height:80px;margin-top:-30px}.about-title-apamg{display:flex;justify-content:space-between}.about-info{max-width:1200px}.about-descr{font-family:Tahoma;font-size:17px;font-weight:500;margin-top:120px;color:#000}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;background-color:#fff;min-width:1455px;max-width:1470px;color:#1a1a1a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}