@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap";.App{min-height:100vh;position:relative}.pokedex{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:28px;padding:20px 20px 100px}.pokedex--img{margin-bottom:10px;max-width:450px}.pokedex--header .pokedex--subtitle{text-align:center;color:var(--color-red);font-size:3.2rem;margin-bottom:2px}.pokedex--header .pokedex--text{font-size:1.6rem}.pokedex--form{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.pokedex--input{padding:10px 16px;box-shadow:-1px 2px 10px #0007;height:40px}.pokedex--btn{padding:10px 16px;color:var(--color-white);background-color:var(--color-red);box-shadow:-1px 2px 10px #0004;cursor:pointer;height:40px}.pokedex--btn::hover{filter:brightness(1.1)}.card-poke{width:100%;max-width:400px;border-radius:12px;overflow:hidden;border-width:10px;border-style:solid;border-color:var(--color-black)}.card-poke__header{height:200px;background-color:var(--color-green);position:relative;margin-bottom:65px}.card-poke__sprite{width:55%;position:absolute;top:60px;left:50%;transform:translate(-50%)}.card-poke__body{margin-bottom:28px}.card-poke__name{text-transform:capitalize;text-align:center;font-size:3rem}.card-poke__types-container{display:flex;justify-content:center;gap:10px}.card-poke__type{font-size:1.7rem;text-transform:capitalize;position:relative}.card-poke__type:nth-child(2):before{content:"\bb";position:absolute;left:-10px}.card-poke__type-label{text-align:center;font-size:1.2rem;color:var(--color-grey)}.card-poke__stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 5px;justify-items:center;padding:0 5px 35px}.card-poke__stat{display:flex;gap:5px;flex-direction:column;align-items:center}.card-poke__stat-label{color:var(--color-grey);text-transform:uppercase;font-size:1.2rem}.card-poke__stat-number{font-size:1.6rem}.border-grass{border-color:#8ab896}.border-fire{border-color:#e75c35}.border-water{border-color:#1479fb}.bg-grass{background:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%)}.bg-fire{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%)}.bg-water{background:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%)}.letter-grass{color:#416460}.letter-fire{color:#e75c35}.letter-water{color:#1479fb}.footer--red{background-color:var(--color-red);width:100%;height:100px;position:absolute;bottom:0;left:0}.footer--black{background-color:var(--color-black);width:100%;height:40px;position:absolute;bottom:0;left:0}.footer--circle{width:80px;aspect-ratio:1;position:absolute;background-color:var(--color-black);border-radius:50%;bottom:0;left:50%;transform:translate(-50%)}.footer--circle-int{width:60px;aspect-ratio:1;position:absolute;background-color:var(--color-black);border-radius:50%;left:50%;transform:translate(-50%,10px);border:9px solid var(--color-white)}:root{--color-red: #EB1D36;--color-white: #F5EDDC ;--color-black: #181818;--color-green: #82CD47;--color-grey: #7D9D9C}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.8%;font-family:Inter,sans-serif}ul{list-style:none}img{display:block;width:100%}a{font-family:inherit;text-decoration:none}input{outline:none;border:none}button{border:none}