*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#000;font-size:1.6rem}a{color:inherit;text-decoration:none}img{max-height:100%}body{background-color:#f5f2e8;color:#300d38;font-family:sans-serif}img{max-width:100%}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:8rem}.App,.homepage{position:relative}.homepage{width:100%}@media(min-width:743px){.homepage{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}}@media(min-width:1024px){.homepage{max-width:154rem}}.homepage__headContainer{width:100%}@media(min-width:743px){.homepage__headContainer{flex-grow:1}}.homepage__headContainer .homepage__header{align-items:center;background-color:#fff;border:2px solid #890075;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2px auto 1.6rem;max-width:55rem;min-width:30rem;padding:3rem 0;row-gap:3rem;width:90%}@media(min-width:743px){.homepage__headContainer .homepage__header{flex-direction:row;justify-content:space-evenly;max-width:74rem;padding:3rem;width:73%}}@media(min-width:1024px){.homepage__headContainer .homepage__header{max-width:90rem}}.homepage__headContainer .homepage__header .header__img{max-width:25rem;min-width:20rem;width:64%}@media(min-width:743px){.homepage__headContainer .homepage__header .header__img{max-width:27rem;width:40%}}@media(min-width:1024px){.homepage__headContainer .homepage__header .header__img{max-width:29rem}}.homepage__headContainer .homepage__header .header__title{font-size:3rem;max-width:70%;text-align:center}@media(min-width:743px){.homepage__headContainer .homepage__header .header__title{max-width:20rem}}@media(min-width:1024px){.homepage__headContainer .homepage__header .header__title{font-size:5rem;max-width:33rem}}@media(min-width:743px){.homepage__contentContainer{align-items:flex-start;column-gap:2rem;display:flex;justify-content:center}}@media(min-width:1024px){.homepage__contentContainer{padding:0 3rem}}@media(min-width:743px){.homepage__contentContainer .homepage__listContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:60%}}@media(min-width:1024px){.homepage__contentContainer .homepage__listContainer{max-width:80%;width:fit-content}}.homepage__contentContainer .homepage__listContainer .homepage__searchList{align-items:flex-start;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;min-width:28rem;padding:0 1rem;row-gap:2rem;width:100%}@media(min-width:743px){.homepage__contentContainer .homepage__listContainer .homepage__searchList{justify-content:space-evenly;padding:0}}@media(min-width:1500px){.homepage__contentContainer .homepage__listContainer .homepage__searchList{column-gap:0}}.homepage__contentContainer .homepage__noResults{background-color:#fff;border:2px solid #890075;border-radius:12px;margin:0 auto;padding:1rem;text-align:center;width:90%}.homepage .loading__button{background-color:gray;border-radius:12px;height:4rem;margin:0 auto;width:28rem}@media(min-width:743px){.homepage .loading__button{height:32rem;margin-left:2rem;width:26rem}}.homepage .loading__list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;margin-top:2rem;row-gap:2rem}@media(min-width:743px){.homepage .loading__list{column-gap:2rem;flex-direction:row;flex-grow:1;flex-wrap:wrap;margin:0;width:50%}}@media(min-width:1024px){.homepage .loading__list{max-width:100%;width:fit-content}}.homepage .loading__list .loading__card{background-color:#300d38;border-radius:12px;height:14rem;overflow:hidden;width:28rem}@media(min-width:743px){.homepage .loading__list .loading__card{width:45%}}@media(min-width:1024px){.homepage .loading__list .loading__card{width:30%}}@media(min-width:1400px){.homepage .loading__list .loading__card{width:20%}}.homepage .loading__list .loading__card--top{height:50%;width:100%}.homepage .loading__list .loading__card--bottom{align-items:flex-start;background-color:#d3d3d3;display:flex;flex-direction:column;height:50%;justify-content:center;padding-left:2rem;row-gap:1.6rem;width:100%}.homepage .loading__list .loading__card--bottom .loading__card--text{background-color:#300d38;border-radius:4px;height:1.6rem;width:12rem}.dogCard{align-items:center;background-color:#fff;border-radius:12px;display:flex;filter:drop-shadow(rgba(0,0,0,.1) 5px 5px 8px);flex-direction:column;height:fit-content;justify-content:center;min-width:28rem;overflow:hidden;width:90%}@media(min-width:405px){.dogCard{max-width:28rem;min-width:17.5rem;width:45%}}@media(min-width:650px){.dogCard{max-width:22rem;width:30%}}@media(min-width:743px){.dogCard{max-width:26rem;width:45%}}@media(min-width:957px){.dogCard{width:30%}}@media(min-width:1300px){.dogCard{width:23%}}@media(min-width:1500px){.dogCard{width:18%}}.dogCard__container{align-items:center;display:flex;height:14rem;justify-content:center;overflow:hidden;width:100%}.dogCard__container .dogCard__img{max-height:none;max-width:none;min-height:100%;min-width:100%;object-fit:cover;width:auto}.dogCard__info{align-items:flex-start;display:flex;flex-direction:column;height:fit-content;justify-content:center;justify-items:flex-start;padding:1rem 2rem;position:relative;row-gap:.8rem;width:100%}.dogCard__info--top{align-items:center;display:flex;justify-content:space-between;width:100%}.dogCard__info--top .dogCard__favorite{background-color:#0000;border:none;cursor:pointer;height:2.6rem;width:2.6rem}.dogCard__info--top .dogCard__favorite .dogCard__heart{filter:drop-shadow(0 0 3px #ffffff)}.dogCard__info--top .dogCard__name{font-size:2rem;line-height:2.6rem;max-width:24rem}.dogCard__info--bottom{align-items:center;column-gap:1rem;display:flex;flex-wrap:wrap;font-size:1.4rem;justify-content:space-between;row-gap:5px;width:100%}.dogCard__info--bottom .dogCard__breed{width:100%}.filterform{background-color:#890075;border-radius:12px;color:#f5f2e8;margin:auto auto 1.6rem;min-width:28rem;position:relative;width:80%}@media(min-width:743px){.filterform{margin:0;min-width:0;min-width:auto;position:sticky;top:9rem;width:26rem}}.filterform__tab{align-items:center;column-gap:1.2rem;display:flex;height:4rem;justify-content:center;position:relative}.filterform__tab .filterform__header{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1.5px}.filterform__tab .filterform__close{display:none;height:3rem;position:absolute;right:1.5rem;top:1rem;width:3rem}.filterform__tab .filterform__close--open{display:inline;display:initial}@media(min-width:743px){.filterform__tab .filterform__close--open{display:none}}.filterform__tab .filterform__close--hidden{display:none}.filterform__content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 1rem 1rem;row-gap:1.5rem}.filterform__content--hidden{display:none}@media(min-width:743px){.filterform__content--hidden{display:flex}}.filterform__content--open{display:flex}.filterform__content .filterform__container{width:100%}.filterform__content .filterform__container--age{align-items:center;column-gap:2rem;display:flex;justify-content:center}.filterform__content .filterform__container--age .filterform__divider{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:50%}.filterform__content .filterform__container .filterform__label{font-size:1.4rem;width:100%}.filterform__content .filterform__container .filterform__label--age{display:block;width:10rem}.filterform__content .filterform__container .filterform__input{border:2px solid #890075;border-radius:6px;height:fit-content;padding:.5rem 1rem;width:100%}.filterform__content .filterform__container .filterform__input:focus-within{border-color:#ffa900;outline:0}.filterform__content .filterform__container .filterform__input:focus{border-color:#ffa900}.filterform__content .filterform__container .filterform__input--age{max-width:8rem}.filterform__content .filterform__submit{background-color:#ffa900;border:none;border-radius:12px;color:#300d38;cursor:pointer;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;padding:1rem 2rem}.filterform__content .filterform__submit:hover{background-color:#300d38;color:#fff}.favDogs{background-color:#ffa900;border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;color:#300d38;height:5rem;padding:1rem;position:fixed;right:1.4rem;width:5rem;z-index:5}@media(min-width:743px){.favDogs{height:6rem;width:6rem}}@media(min-width:1024px){.favDogs{right:6%}}@media(min-width:1500px){.favDogs{right:10%}}.favDogs--open{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fff;border:solid #ffa900;border-width:3px 3px 0;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding-bottom:0;right:50%;transform:translateX(50%);width:30rem}@media(min-width:743px){.favDogs--open{border-bottom-width:3px;border-radius:12px;margin-top:4rem;max-width:90%;position:sticky;right:5%;transform:none;width:fit-content}}.favDogs__tab{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.favDogs__tab--open{background-color:#ffa900;border-bottom-left-radius:12px;padding:.8rem;position:absolute;right:0;top:0;width:fit-content}.favDogs__tab .favDogs__number{align-items:center;background-color:#fff;border:2px solid #300d38;border-radius:50%;display:flex;font-size:1.2rem;height:1.8rem;justify-content:center;left:-7px;position:absolute;top:-5px;width:1.8rem}@media(min-width:743px){.favDogs__tab .favDogs__number{font-size:1.5rem;height:2.2rem;width:2.2rem}}.favDogs__tab .favDogs__number--open{display:none}.favDogs__tab .favDogs__heart{height:3rem;width:3rem}@media(min-width:743px){.favDogs__tab .favDogs__heart{height:4rem;width:4rem}}.favDogs__tab .favDogs__heart--open{height:2.4rem;width:2.4rem}.favDogs__container{align-items:center;column-gap:1rem;display:flex;height:fit-content;justify-content:center;margin:1rem 0 2rem}.favDogs__container .favDogs__count{align-items:center;display:flex;font-size:2.4rem;font-weight:700;justify-content:center}.favDogs__container .favDogs__header{font-size:2.4rem;font-weight:700}.favDogs__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;max-height:calc(100vh - 220px);max-width:95%;overflow-y:scroll;row-gap:2rem;width:27rem}@media(min-width:743px){.favDogs__list{column-gap:2rem;flex-wrap:nowrap;max-height:fit-content;max-width:100%;overflow-x:scroll;overflow-y:visible;overflow-y:initial;width:fit-content}}.favDogs__match{background-color:#890075;border:none;border-radius:20rem;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:700;height:4rem;letter-spacing:1px;margin:1.5rem 0;padding:1rem 0;width:20rem}.favDogs__match:hover{background-color:#300d38}.favCard{align-items:center;border-radius:8px;display:flex;filter:drop-shadow(rgba(0,0,0,.1) 5px 5px 8px);flex-direction:column;height:fit-content;justify-content:flex-start;overflow:hidden;position:relative;width:12rem}@media(min-width:743px){.favCard{min-width:15rem;width:15rem}}.favCard__container{align-items:center;display:flex;height:12rem;justify-content:center;overflow:hidden;width:100%}.favCard__container .favCard__img{height:100%;max-width:none;min-width:100%;object-fit:cover;width:auto}.favCard__name{align-items:center;background-color:#fff;display:flex;height:3rem;justify-content:center;width:100%}.favCard__remove{background-color:#890075;border:none;border-bottom-left-radius:8px;cursor:pointer;height:fit-content;padding:5px;position:absolute;right:0;top:0;width:fit-content}.favCard__remove .favCard__x{height:2rem;width:2rem}.pagination{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:12px;column-gap:1rem;display:flex;justify-content:center;list-style:none;margin:3rem auto 0;padding:5px;width:fit-content}.pagination__item{border-radius:4px;cursor:pointer;padding:5px}.pagination__item:hover{background-color:#89007566}.pagination__item--active{background-color:#890075;color:#fff;font-weight:700}.notFound{align-items:center;background-color:#fff;border:3px solid #890075;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:2rem auto 0;padding:3rem;row-gap:3rem;width:90%}.notFound__header{font-size:2rem;text-align:center}.notFound__button{background-color:#890075;border:none;border-radius:5rem;color:#fff;font-weight:700;height:fit-content;letter-spacing:2px;padding:1rem 3rem;text-transform:uppercase;width:fit-content}.navbar{align-items:center;background-color:#f5f2e8;display:flex;flex-wrap:wrap;height:fit-content;justify-content:space-between;padding:1rem 1.6rem;position:fixed;row-gap:3rem;top:0;width:100%;z-index:10}@media(min-width:743px){.navbar{flex-wrap:nowrap}}@media(min-width:1024px){.navbar{max-width:154rem;padding:1rem 2rem}}.navbar__logo{align-items:flex-end;display:flex;justify-content:flex-start;margin-right:auto}.navbar__logo .navbar__img{height:6rem;margin-right:1rem;width:6rem}.navbar__logo .navbar__title{font-size:2.6rem;font-weight:700;width:min-content;z-index:1}.navbar__container{align-self:flex-start;background-color:#0000;border:none;cursor:pointer;height:3rem;margin-top:1rem;width:3rem}@media(min-width:743px){.navbar__container{display:none}}.navbar__list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;padding-bottom:2rem;row-gap:4rem;width:100%}@media(min-width:743px){.navbar__list{column-gap:1.6rem;flex-direction:row;padding:0;width:fit-content}}.navbar__list--open{display:flex}.navbar__list--hidden{display:none}@media(min-width:743px){.navbar__list--hidden{display:flex}}.navbar__list .navbar__item{font-size:2.4rem;font-weight:700;letter-spacing:1px}@media(min-width:743px){.navbar__list .navbar__item{font-size:1.6rem;font-weight:700}}.navbar__list .navbar__item:hover{color:#890075;text-decoration:underline;text-underline-offset:8px}.navbar__list .navbar__item .navbar__button{background-color:#890075;border:2px solid #890075;border-radius:5rem;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:.8rem 0;text-transform:uppercase;width:15rem}@media(min-width:743px){.navbar__list .navbar__item .navbar__button{width:12rem}}.navbar__list .navbar__item .navbar__button:hover{background-color:#300d38;border-color:#300d38}.footer{align-items:center;background-color:#300d38;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:4rem;padding:3rem 2rem;row-gap:4rem;width:100%}@media(min-width:743px){.footer{flex-direction:row;flex-wrap:wrap}}@media(min-width:1024px){.footer{column-gap:10rem;padding:5rem 3rem;row-gap:5rem}}@media(min-width:1400px){.footer{column-gap:20rem}}.footer__logo{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:center;row-gap:1.6rem;width:30rem}.footer__logo .footer__img{height:10rem;margin-right:1rem;width:10rem}@media(min-width:1024px){.footer__logo .footer__img{height:12rem;margin-right:2rem;width:12rem}}.footer__logo .footer__title{font-size:4rem;font-weight:700;width:min-content;z-index:1}@media(min-width:1024px){.footer__logo .footer__title{font-size:5rem}}.footer__logo .footer__copywrite{font-size:1.2rem;margin:auto;text-align:center;width:19rem}@media(min-width:1024px){.footer__logo .footer__copywrite{font-size:1.4rem;width:22rem}}.footer__lists{align-items:flex-start;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center;min-width:30rem;row-gap:2.4rem;width:90%}@media(min-width:743px){.footer__lists{width:fit-content}}.footer__lists .footer__container{min-width:13rem;width:30%}.footer__lists .footer__container .footer__header{margin-bottom:1.6rem;text-align:center;text-decoration:underline}.footer__lists .footer__container .footer__list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;margin:auto;max-width:18rem;row-gap:1.6rem;text-align:center}.footer__lists .footer__container .footer__list .footer__link:hover{color:#ffa900;font-weight:700;text-decoration:underline}.footer__disclaimer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:28rem;row-gap:1.6rem;width:90%}.footer__disclaimer .footer__disclaim-head{font-size:2.6rem;text-decoration:underline}.footer__disclaimer .footer__disclaim-text{line-height:2.2rem;max-width:80rem;text-indent:2rem}.footer__disclaimer .footer__disclaim-text--link{color:#ffa900;font-weight:700;text-decoration:underline}.loginPage{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding-top:1.6rem}.loginPage__dog{left:6rem;margin-bottom:-2rem;position:relative;width:10rem;z-index:1}.loginPage__loginForm{align-items:center;background-color:#fff;border:2px solid #890075;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:30rem;padding:5rem 0;width:90%}.loginPage__loginForm .loginForm__header{margin-bottom:2rem;text-align:center;width:20rem}.loginPage__loginForm .loginForm__label{font-size:1.4rem;width:20rem}.loginPage__loginForm .loginForm__input{border:2px solid #890075;border-radius:6px;height:fit-content;margin-bottom:1.6rem;padding:.5rem 1rem;width:20rem}.loginPage__loginForm .loginForm__input:focus-within{border-color:#ffa900;outline:0}.loginPage__loginForm .loginForm__input:focus{border-color:#ffa900}.loginPage__loginForm .loginForm__button{background-color:#890075;border:2px solid #890075;border-radius:5rem;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-top:1rem;padding:8px 0;text-transform:uppercase;width:16rem}.loginPage__loginForm .loginForm__button:hover{background-color:#300d38;border-color:#300d38}.dogModal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#300d3899;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;width:100vw;z-index:20}.dogModal,.dogModal__card{align-items:center;display:flex;flex-direction:column;justify-content:center}.dogModal__card{background-color:#fff;border:3px solid #890075;border-radius:12px;height:fit-content;min-width:30rem;padding:3rem 0;width:90%}@media(min-width:1024px){.dogModal__card{max-width:100rem;padding:3rem 8rem;width:fit-content}}.dogModal__card .dogModal__img{max-height:50vh;min-width:20rem;object-fit:cover}.dogModal__card .dogModal__info{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.6rem 0;row-gap:1.6rem}.dogModal__card .dogModal__info .dogModal__name{color:#890075;font-size:3.6rem;font-style:italic}
/*# sourceMappingURL=main.7fe10d6c.css.map*/