.header{box-shadow:0 0 30px rgba(0,0,0,.13);height:8rem;justify-content:space-around;margin:0 auto 4rem;width:100%;z-index:20000}.header,.headerLogo{align-items:center;display:flex}.headerLogo h2{font-family:Alfa Slab One,cursive;font-size:1.8rem;letter-spacing:.5rem}.headerLogo img{height:6rem}.headerSocial{width:10rem}.headerLinks{display:flex}.headerLinks a{border-radius:.5rem;box-shadow:0 0 30px rgba(0,0,0,.13);color:#000;font-size:1.8rem;margin:1rem;padding:.5rem 1.5rem}.links:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.paginationNav{margin:2rem 2rem 0;overflow-x:auto}.pagination{display:flex;gap:.5rem;list-style:none;padding:2rem}.pagination li{margin:0;padding:0}.pagination li a{border:0;border-radius:.5rem;box-shadow:0 0 30px rgba(0,0,0,.13);font-size:1.5rem;padding:.5rem 1rem}.pagination li:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.activePage{background-color:#000;color:#fff;font-weight:700}@media (min-width:768px){.pagination{display:flex;justify-content:center}}.card{background-color:azure;border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.13);color:#000;height:58rem;margin:0 auto;position:relative;width:40rem}.card:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.principalContent{align-items:center;background:rgba(99,161,237,.845);border-radius:1rem;bottom:-4rem;box-shadow:0 0 20px rgba(0,0,0,.13);display:flex;height:8rem;position:absolute;width:25rem}.principalContent h2{font-size:2rem;font-weight:700;padding:.5rem 1.5rem;text-align:center;text-transform:uppercase}.cardName{margin:0 auto}.cardImg{align-items:center;display:flex;flex-direction:column;height:40rem;position:relative;width:40rem}.cardImg img{border-radius:1rem 1rem 0 0;height:100%;object-fit:cover;object-position:center;width:100%}.cardContent{align-items:center;display:flex;flex-direction:column;height:15rem;justify-content:space-between;margin-top:7rem}.cardInfo{border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);margin:0 auto 1rem;padding:.5rem 1.5rem;width:-webkit-max-content;width:max-content}.cardItems h3{font-size:1.8rem;font-weight:400;line-height:2.5rem;text-align:center}.cardContent button{background-color:#000;border:1px solid transparent;border-radius:.5rem;color:#fff;padding:.5rem 1.5rem}.cardContent button:hover{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;transition:.2s}.loading{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:10000}.loading img{margin:0 auto;position:absolute;width:40rem}.filters{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){.filters{flex-direction:row}}.selectBox{width:-webkit-max-content;width:max-content}.selectBox select{-webkit-appearance:none;appearance:none;background-color:#fff;border:0;border-radius:.5rem;box-shadow:0 0 30px rgba(0,0,0,.13);font-family:Montserrat,sans-serif;font-size:1.8rem;outline:none;padding:.5rem 1.5rem;width:100%}.selectBox select:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);margin:2rem 0}@media (min-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.cards{grid-template-columns:repeat(4,1fr)}}.cardsContainer{align-items:center;background-color:beige;margin:0 auto;width:100%}.searchBar{max-width:15rem;width:100%}.searchBar input{border:0;border-radius:.5rem;font-family:Montserrat,sans-serif;outline:none;width:100%}.resetButton button,.searchBar input{box-shadow:0 0 30px rgba(0,0,0,.13);font-size:1.5rem;padding:.5rem 1.5rem}.resetButton button{background-color:#a12e2e;border:none;border-radius:.5rem;color:#fff}.resetButton button:hover{background-color:#ca2d2d;-webkit-transform:scale(1.05);transform:scale(1.05)}.backDetail{background-color:#fff;border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);color:#000;font-size:1.8rem;line-height:1.8rem;margin-bottom:4rem;padding:5px 15px}.backDetail:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.detailContainer{align-items:center;justify-content:center;margin:5rem}.detailContainer,.details{display:flex;flex-direction:column}.details{background:#fff;border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13)}@media (min-width:1200px){.details{flex-direction:row}}.detailBreed{align-items:center;display:flex;flex-direction:column;height:60rem;justify-content:center;width:60rem}.detailBreed h1{font-size:3rem}.detailBreed h2{font-size:1.8rem;font-weight:400;margin:0}.detailBreed h3{font-size:1.5rem;margin:0}.caracteristBreed{display:flex;gap:1rem}.detailBreed h1{text-transform:uppercase}.caracterist{border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);height:6rem;justify-content:space-evenly;padding:1rem 0;width:15rem}.caracterist,.temperamentsDetail{align-items:center;display:flex;flex-direction:column}.temperamentsDetail{margin:2rem}.temperamentsDetail h2{margin:1rem 0}.temperamentsInfo{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow:auto;padding:2rem;width:20rem}.temperamentsInfo h2{border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);font-size:1.5rem;margin:0;padding:5px 15px;width:-webkit-max-content;width:max-content}.detailsImg{display:flex;justify-content:center}.detailsImg img{border-radius:.5rem .5rem 0 0;border-right:0 solid #000;height:60rem;object-fit:cover;object-position:center;width:60rem}@media (min-width:1200px){.detailsImg img{border-radius:.5rem 0 0 .5rem}}.containerForm{align-items:center;justify-content:center}.containerForm,.inputContainer{display:flex;flex-direction:column}.inputFlex{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:50% 50%;justify-content:center}.form{border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);font-size:1.5rem;line-height:1.5rem;margin-top:4rem;padding:3rem;width:min(60rem,100%)}.form fieldset{border:0 solid #000;margin:1rem 0 0;padding:2rem}.form legend{padding:0 1rem}.form label,.form legend{font-size:1.5rem;text-transform:uppercase}.form hr{background-color:#fff;border:0;height:1px;margin:.5rem 0}.form input{-webkit-appearance:none;appearance:none;border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);font-size:1.5rem;margin:1rem 0;outline:none;padding:.5rem 1.5rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.buttonBack{background-color:#fff;border:0 solid #000;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);color:#000;font-size:1.5rem;line-height:1.8rem;padding:5px 15px}.buttonBack:hover{background-color:#000;border-color:#000;color:#fff}.selectBox select{font-size:1.5rem}.list ul{align-items:center;display:flex;flex-direction:column;height:20rem;list-style:none;margin:1rem auto;overflow:auto;padding:2rem;width:30rem}.list ul,.listButton li{background-color:initial}.listButton li{border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);margin:.2rem;padding:.5rem 1.5rem;width:-webkit-max-content;width:max-content}.listButtonTemp{background:transparent;border:1px solid transparent;border-radius:.5rem;margin:0 0 0 1rem;padding:.1rem .6rem}.listButtonTemp:hover{color:red}.sendButton{background:#fff;border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.13);color:#000}.sendButton:hover{background-color:#000;color:#fff;cursor:pointer}.sendButton:disabled,.sendButton[disabled]{background-color:#ccc;color:#666}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}::selection{background:none}::-moz-selection{background:none}html{box-sizing:border-box;font-size:62.5%;scroll-snap-type:y mandatory}a{font-size:2rem;text-decoration:none}body{background-color:#fff;font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar{height:2px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 transparent}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.f4dfed9d.css.map*/