:root{--light: #444;--lightgray: #E5E5E5;--dark: #000;--darkgray: #000;--textColorBold: #FE1936;--colorButton: #D93F3F;--fuentePrincipal: "Inter", sans-serif;--fuenteSecundaria: "Press Start 2P", "Inter", sans-serif}html{font-size:62.5%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--fuentePrincipal)}*{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2}h1{font-size:3rem}h2{font-size:2.8rem;margin:0}h3{margin:0;margin-top:2rem;font-size:2.7rem}h4{font-size:2rem}p{font-size:1.4rem;margin:0}img{max-width:100%}.grass{background-color:#266e02}.normal{background-color:#9b9b9b}.fighting{background-color:#b05001}.poison{background-color:#9a04cc}.ground{background-color:#6a420a}.rock{background-color:#7a7a7a}.bug{background-color:#05cba0}.ghost{background-color:#090088dc}.steel{background-color:#696969}.fire{background-color:#ff3100}.water{background-color:#0981e4}.grass{background-color:#2b8300}.electric{background-color:#e2be2d}.psychic{background-color:#af00a9d8}.ice{background-color:#02b8d8}.dragon{background-color:#d03043}.dark{background-color:#000}.fairy{background-color:#e835a6}.flying{background-color:#93f2bfe5}.login{min-height:100vh;background:rgb(9,0,3);background:linear-gradient(180deg,rgba(9,0,3,1) 0%,rgba(50,1,14,1) 21%,rgba(255,254,254,1) 100%)}.login__body{height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;text-align:center}.login__footer{height:150px;position:relative}.login__image{max-width:676px}.login__tittle{color:var(--textColorBold)}.login__form{box-shadow:0 3px 6px #00000026}.login__form input{border:none;padding:1rem;font-size:1.5rem}.login__form input:last-child{cursor:pointer}.login__form input:last-of-type{background-color:var(--colorButton);color:var(--light);text-transform:uppercase;font-weight:700;padding:1rem 2rem;border-top-right-radius:4px;border-bottom-right-radius:4px}.error{padding:1rem;font-size:1.8rem;color:var(--light);background-color:var(--colorButton);border-radius:2px}.footer__redBlock{height:80px;background-color:#dd1a1a;width:100%}.footer__blackBlock{background-color:#000;height:70px}.footer__circule1{position:absolute;bottom:0;height:117px;width:117px;background-color:#f19e07;border:3px solid #f7d000;border-radius:50%;left:calc(50% - 58.5px);display:flex;justify-content:center;align-items:center}.footer__circule2{background-color:#a5a5af;height:90px;width:90px;border-radius:50%;display:flex;justify-content:center;align-items:center}.footer__circule3{border:4px solid #111;height:65px;width:65px;border-radius:50%;display:flex;justify-content:center;align-items:center}.footer__circule4{background-color:#b40219;border:#000 solid 3px;height:40px;width:40px;border-radius:50%}.header{height:110px;position:relative}.header__redBlock{position:relative;height:60px;background-color:#dd1a1a}.header__image{position:absolute;left:1rem;bottom:0;width:25rem;margin:0;cursor:pointer}.header__blackBlock{position:relative;background-color:#000;height:50px}.button__logout{position:absolute;height:40px;aspect-ratio:1;border:none;background-color:var(--colorButton);color:var(--light);font-size:3rem;border-radius:4px;display:flex;justify-content:center;align-items:center;bottom:5px;cursor:pointer;left:calc(100% - 130px)}.button__logout:hover{background-color:#dd1a1a;color:#000}.pokeballLayout{bottom:-65%;left:calc(100% - 100px);transform:scale(.6)}@media (min-width: 1140px){.header__image{left:calc(50vw - 570px)}.pokeballLayout{left:auto;right:calc(50vw - 570px)}.button__logout{left:auto;right:calc(50vw - 470px)}}.pokedex{margin:0 auto;padding-bottom:5px;margin-bottom:2rem;background-image:url(https://wallpaperaccess.com/full/5818306.jpg);background-color:#ccc;background-position:center;background-repeat:no-repeat;background-size:cover}.pokedex__header{text-align:center}.pokedex__header p>i{color:#222;border-radius:50%;background-color:#e2e2e2}.pokedex__text{font-size:2.1rem;color:var(--textColorBold);border:2px solid #E5E5E5;border-radius:10px;background:#fff;display:inline;padding:2px;box-shadow:0 3px 9px #00000026}.pokedex__text>span{color:var(--dark);font-weight:700}.pokedex__form{margin:2rem 1rem 0;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}@media (min-width: 535px){.pokedex__header{text-align:left}.pokedex__form{justify-content:space-between}}.pokedex__searcher{box-shadow:0 3px 9px #00000026}.pokedex__searcher input{padding:1.5rem;border:none}.pokedex__searcher input:first-of-type{width:200px;font-weight:700;border-right:2px solid #DD1A1A;border-radius:4px;overflow:hidden}.pokedex__filter{box-shadow:0 3px 9px #00000026;display:flex;justify-content:center;align-items:center;border-radius:4px}.pokedex__filter select{color:gray;font-weight:700;text-align:center;width:200px;border:none;padding:1.3rem;text-transform:capitalize}.pokedex__body{margin-top:4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.pokeCard{height:383px;width:265px;display:flex;flex-direction:column;text-align:center;border-radius:8px;cursor:pointer;position:relative}.pokeCard:hover{animation:.2s 1 linear forwards hoverCard}@keyframes hoverCard{0%{bottom:0}to{bottom:8px}}.pokeCard__image{position:absolute;top:50%;transform:translateY(-30%) translate(-15%);z-index:10000;width:100%;height:210px;transition:1s}.pokeCard__name{margin:0;font-size:2rem;text-transform:capitalize}.pokeCard__type{border-bottom:1px solid rgb(221,217,217);margin:0 2rem 1rem;padding-bottom:1rem}.pokeCard__type p:first-of-type{font-size:1.4rem;font-weight:700}.pokeCard__type p:last-of-type{color:#525151}.pokeCard__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.pokeCard__stat{width:67px;font-family:var(--fuenteSecundaria);display:flex;flex-direction:column;gap:.5rem}.stat__name,.stat__number{font-weight:700;font-size:1.2rem}.loader{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.loader__sectionUp{position:relative;z-index:1;top:0}.loader__sectionUp.animationActive{animation:1s .5s 1 forwards linear animationCardUp}.loader__sectionDown{position:relative;display:flex;flex-direction:column-reverse}.loader__sectionDown.animationActive{animation:1s .5s 1 forwards linear animationCardDown}.layoutCard{bottom:-58.5px}.footer__redBlock.loaderCard{height:120.5px}.footer__blackBlock.loaderCard{border-bottom:1px solid white;border-top:1px solid white}@keyframes animationCardUp{0%{top:0}25%{top:-75px}50%{top:-150px}75%{top:-225px}to{top:-300px}}@keyframes animationCardDown{0%{bottom:0}25%{bottom:-75px}50%{bottom:-150px}75%{bottom:-225px}to{bottom:-300px}}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.blockPagination{background-color:#b40219;border-radius:4px;font-size:1.8rem;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--lightgray)}.blockPagination.pageActive{background-color:var(--textColorBold)}.numbersPagination{display:flex;gap:1rem}.pokemon{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;margin-top:8rem;padding:0 1rem}.pokemon__principal{border-radius:4px;padding:1rem 2rem}.pokemon__image{width:185px;height:185px;margin:0 auto;position:relative;bottom:60px}.pokemon__id{font-weight:700;font-size:2rem;text-align:center}.pokemon__name{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.pokemon__id,.pokemon__name{position:relative;bottom:30px}.pokemon__name p{font-size:4rem;font-weight:700;text-transform:capitalize;width:auto;text-align:center}@media (min-width: 700px){.pokemon__name p{width:auto}}.linea{height:2px;width:60px;background-color:gray}.pokemon__features{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.pokemon__feature p:first-of-type{font-weight:700;font-size:1.5rem}.pokemon__feature p:last-of-type{text-align:center}.pokemon__typesAbilities{display:flex;justify-content:center;gap:2rem;text-align:center;flex-wrap:wrap}.pokemon__typeAbilitie h3{font-size:2rem}.pokemon__typeAbilitie>section{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.type,.abilitie{text-transform:capitalize;padding:.8rem 1.2rem;border-radius:4px;font-size:1.6rem}.type{color:var(--dark)}.abilitie{border:1px solid gray}.pokemon__stats{display:flex;flex-direction:column;gap:1rem}.pokemon__stat{display:flex;flex-direction:column;gap:.2rem}.stat__tittle{display:flex;justify-content:space-between;text-transform:capitalize;align-items:center}.stat__bar{border:1px solid gray;border-radius:2px;overflow:hidden}.stat__barProgress{height:2rem;background:linear-gradient(to right,#f7ee92 0%,#e6b31b 100%);border-radius:2px}