@import"https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap";#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 800px){#root{margin:0 auto}}:root{--navbar-height: 3.5rem;--navbar-paddingTB: .3rem}.navbar-container{background-color:var(--blue);display:flex;justify-content:center}.navbar{width:100%;height:var(--navbar-height);display:flex;justify-content:space-between;padding:var(--navbar-paddingTB) 1rem;border-bottom:1px solid var(--dark-color)}.logo{max-height:calc(var(--navbar-height) - var(--navbar-paddingTB) * 2);border:none;box-shadow:none;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.burger-menu-icon{color:#fff;background:transparent;border:none;font-size:calc(var(--navbar-height) - var(--navbar-paddingTB) * 2);line-height:1;cursor:pointer}.nav-links{display:none;width:100%;flex-direction:column;position:absolute;top:var(--navbar-height);left:0;background-color:var(--blue);padding-bottom:1rem}.is-visible{display:flex}.nav-link{font-size:1.5rem;padding:.3rem 0}.navlink{display:block;color:var(--light-color);width:100%;text-align:center}.navlink :hover{box-shadow:inset 0 -7px 15px var(--dark-color)}.active-navlink{font-weight:800}.light-dark{font-size:1.3rem;line-height:1;font-weight:500;color:var(--light-color);background-color:transparent;border:1px solid var(--light-color);border-radius:50px;padding:.3rem 1rem;cursor:pointer;display:block;margin:0 auto}@media screen and (min-width: 768px){:root{--navbar-height: 5rem;--navbar-paddingTB: 1rem}.burger-menu-icon{display:none}.nav-links{position:static;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:auto;padding:0}.nav-link{margin-left:1rem;padding:0;display:block}}@media (min-width: 992px){:root{--navbar-height: 6rem;--navbar-paddingTB: .3rem}.light-dark{font-size:1.8rem}}@media (min-width: 1400px){.navbar{width:80%}}.footer{background-color:var(--blue);height:2.5rem;display:flex;justify-content:center;align-items:center}footer p{font-size:1rem;margin:0}footer a{color:var(--light-color)}@media (min-width: 992px){footer p{font-size:2rem}footer{height:4.5rem}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.app-title{font-size:3.3rem;text-shadow:3px 3px 1px var(--orange);margin-bottom:30px}.home-img{width:100%;border-radius:7%;margin-bottom:35px}.btn-block{display:flex;flex-direction:column}@media (min-width: 380px){.home{padding:2rem}.app-title{font-size:4rem;text-shadow:4px 4px 1px var(--orange);margin-bottom:50px}.home-img{margin-bottom:50px}}@media (min-width: 576px){.app-title{font-size:5.6rem;text-shadow:5px 5px 1px var(--orange)}}@media (min-width: 768px){.app-title{font-size:6rem}}@media (min-width: 992px){.home{padding:2rem 0}.home-decktop{display:flex;align-items:center;justify-content:center;width:100%}.app-title{font-size:6rem;text-shadow:5px 5px 2px var(--orange)}.home-img{width:60%;max-width:600px;margin-bottom:0}.btn-block{height:100%;margin-left:60px;justify-content:space-evenly}}.search{display:flex;flex-direction:column;padding:1.5rem}.search-form{display:flex;flex-direction:column}.cat-qualities{margin-bottom:40px}.cat-quality-input{display:flex;justify-content:space-between;margin-bottom:10px}@media (min-width: 380px){.search{padding:2rem}}@media (min-width: 992px){.cat-qualities{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.cat-quality{width:45%}}.search-breed-result{display:flex;flex-direction:column;padding:1.5rem}.result{display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;cursor:pointer}.result-img{display:block;margin:0 auto 5px;border-radius:7%;width:70vw;height:70vw;object-fit:cover}.result-name{font-size:1.7rem;text-align:center;margin-bottom:20px}@media (min-width: 380px){.search-breed-result{padding:2rem}}@media (min-width: 992px){.results-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.result-element{width:33%}.result-img{width:18vw;height:18vw}}.search-breed{display:flex;flex-direction:column;padding:1.5rem}.search-breed-form input[type=text]{width:83%;padding:10px;border-radius:10px 0 0 10px;font-size:1.3rem;font-weight:600}.search-breed-form{display:flex;margin-bottom:30px}.search-breed-form input[type=submit]{width:17%;font-size:2rem;line-height:.9;text-shadow:1px 1px 5px white;padding:4px;margin:0;border-radius:0 10px 10px 0}.search-cats{max-width:70vw;max-height:70vw;display:block;margin:0 auto 35px;border-radius:7%}.random-breed{display:flex;flex-direction:column;margin-bottom:10px}@media (min-width: 380px){.search-breed{padding:2rem}}@media (min-width: 992px){.search-cats{height:40vw;width:45vw}}.breed-page{display:flex;flex-direction:column;padding:1.5rem}.slider{display:flex;justify-content:center;align-items:center}.slider-back{display:flex;justify-content:center;align-items:center;background-color:var(--light-color);border-radius:7%;border:1px solid var(--dark-color);box-shadow:1px 5px 5px #000000b3;width:72vw;height:70vw;margin-bottom:20px}.breed-img{display:block;border-radius:7%;box-shadow:none;width:100%;height:100%;object-fit:contain}.general{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.description{text-align:justify;line-height:1.3}.breed-characteristic,.points-block{display:flex;justify-content:space-between;align-items:center}.characteristics-list{padding:0 1.5rem;margin:0 auto 20px}.point{border-radius:100%;border:1px solid var(--dark-color);background-color:var(--orange);opacity:25%;width:.7rem;height:.7rem;margin-left:.3rem}.active-point{opacity:100%}.sorce-links{margin-bottom:20px}@media (min-width: 380px){.breed-page{padding:2rem}}@media (min-width: 768px){.characteristics-list{width:80%}.point{width:1rem;height:1rem}}@media (min-width: 992px){.slider-back{margin-left:.5rem;margin-right:.5rem;height:40vw;width:60vw}.breed-img{max-height:40vw;max-width:60vw}.characteristics-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.breed-characteristic{width:45%;font-size:1.8rem}.general li{font-size:1.8rem}}@media (min-width: 1200px){.point{width:1.4rem;height:1.4rem}}@media (min-width: 1400px){.slider-back{margin-left:1rem;margin-right:1rem}}.cat-facts{display:flex;flex-direction:column;padding:1.5rem}.cats-facts-text{margin-bottom:30px}.cat-imgs{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.fact-link{width:31%;margin-bottom:.7rem}.cat-small-img{width:100%;border-radius:100%}@media (min-width: 380px){.cat-facts{padding:2rem}}@media (min-width: 992px){.fact-link{width:28%}}.fact-page{display:flex;flex-direction:column;padding:1.5rem}.cat-img{display:block;margin:0 auto 25px;border-radius:7%;width:70vw;height:70vw;object-fit:cover}.fact-text{text-align:justify;line-height:1.3}@media (min-width: 380px){.fact-page{padding:2rem}}@media (min-width: 992px){.container-decktop{display:flex;justify-content:space-between;align-items:center}.cat-img{width:31vw;height:31vw}.cont-fact{width:45%}}.btn{background-color:var(--orange);box-shadow:inset 0 -7px 15px #d62e04;border:1px solid rgb(94,32,0);border-radius:20px;font-size:1.8rem;font-weight:600;text-align:center;color:var(--light-color);text-shadow:1px 1px 5px rgb(0,0,0,.7);width:100%;padding:10px 20px;margin-bottom:20px;cursor:pointer;transition:.25s}.slider-btn{border-radius:50%;height:35px;width:35px;margin:0;padding:0}.btn:hover{transform:scale(1.1)}.btn:active{transform:scale(.9)}@media (min-width: 1200px){.slider-btn{height:45px;width:45px}}@media (min-width: 1400px){.slider-btn{height:55px;width:55px}}:root{--dark-color: rgb(6, 27, 48);--light-color: rgb(255, 255, 255);--orange: rgb(254, 136, 1);--blue: rgb(15, 50, 78);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--light-color);background-color:var(--dark-color)}*{margin:0;padding:0;box-sizing:border-box}h1,h2{font-family:Playpen Sans,cursive;line-height:1.1;text-align:center;margin-bottom:25px}h1{font-size:2.8rem;text-shadow:3px 3px 0px var(--orange)}h2{font-size:1.8rem;text-shadow:2px 2px 1px var(--orange)}p{font-size:1.3rem;font-weight:500;margin-bottom:20px;text-align:center;color:var(--orange)}li{list-style:none;font-size:1.1rem}a{font-weight:500;color:#005cc8;text-decoration:inherit;font-size:1.2rem}a:hover{color:#0071f1}img{border:1px solid var(--dark-color);box-shadow:1px 5px 5px #000000b3}.container,.message{margin:0 auto}.light-mode{color:var(--dark-color);background-color:var(--light-color)}.dark-mode{color:var(--light-color);background-color:var(--dark-color)}@media (prefers-color-scheme: light){:root{color:var(--dark-color);background-color:var(--light-color)}a:hover{color:#747bff}}@media (min-width: 380px){h1,h2{margin-bottom:40px}h1{font-size:3rem}}@media (min-width: 576px){.container{width:90%}}@media (min-width: 768px){.container{width:80%}}@media (min-width: 992px){.container{width:70%}h1{font-size:5rem}h2{font-size:3rem}p,a,label{font-size:2rem}}@media (min-width: 1400px){.container{width:60%}}