body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100vh;display:flex;justify-content:center;position:relative}#root,*{box-sizing:border-box}*{margin:0;padding:0}.App{width:100%;height:100%;overflow:auto}.contains-all{height:92vh;background-image:url(https://wallpapercave.com/wp/cqhO8rQ.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:relative}.above-container,.contains-all{width:100%;display:flex;justify-content:center}.above-container{position:absolute;top:0;left:0;height:100%;background:rgba(0,0,0,.3)}.container{width:80%;height:100%;display:flex;flex-direction:column;align-items:center}.pokedex-header{width:100%;height:15%;display:flex;justify-content:center;align-items:flex-end}.pokedex-header-img{width:35%;height:100%;background-image:url(/static/media/pokemon.88ce61a9.png);background-position:top;background-repeat:no-repeat;background-size:contain}.pokedex-container{height:70%;overflow:scroll;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:3%;-webkit-column-gap:3%;column-gap:3%;grid-row-gap:3%;row-gap:3%;padding:1rem;border-top:13px solid #f1f1f1;border-left:13px solid #f1f1f1}.pokedex-pagination{width:90%;height:15%;display:flex;align-items:center}header{width:100%;height:8vh}.navbar{width:100%;background:#ffcb04}.navbar,.navbar ul{height:100%;display:flex}.navbar ul{width:80%;justify-content:space-around;align-items:center;list-style:none}.link{color:#fff;font-weight:700;font-size:1.5rem;text-decoration:none}.user-data{width:20%;height:100%;display:flex;align-items:center;justify-content:space-between}.user-data h5{color:#2f6cb3}.user-image img{max-width:50%;max-height:50%;border-radius:50%}.otra-mas{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.otra-mas button{color:#fff;background:#2f6cb3;border-radius:5rem;outline:none;padding:.25rem .75rem;cursor:pointer}.card-container{display:flex;flex-wrap:wrap;justify-content:center;padding:1rem;border-radius:4px;border:1px solid #000}.pokemon-id{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%}.card-container img{width:60%}.card-container button{display:block;color:#000;width:80px;height:80px;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:100%;border:2px solid #37474f;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/261948/pokeball.png);background-size:contain;outline-style:none}.card-container .bounce{color:#fff;cursor:pointer;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:cubic-bezier(.28,.84,.42,1)}@-webkit-keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-5px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-5px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.card-container button span{display:inline-block;font-weight:700}.card-container button .D{transform:translate(-3px,-10px) rotate(300deg)}.card-container button .e{transform:translate(-5.5px,-17px) rotate(320deg)}.card-container button .t{transform:translate(-4px,-21px) rotate(330deg)}.card-container button .a{transform:translate(-1px,-22px) rotate(0deg)}.card-container button .i{transform:translate(2px,-21px) rotate(20deg)}.card-container button .l{transform:translate(5px,-17px) rotate(50deg)}.card-container button .s{transform:translate(5px,-10px) rotate(60deg)}.pagination-row{width:100%;display:flex;justify-content:space-between}.pagination-row>.item{cursor:pointer;margin:.5rem;padding:1rem 2rem;border-radius:1.5rem;background-color:#82b0ec}.pagination-row>.item:hover{background-color:#c2c2c2}.pokepage{width:50px;height:50px;background:linear-gradient(180deg,#ee1515 50%,#fff 0);border:2px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.pokepage span{font-weight:900}.pokemon-data-container{width:85%;display:flex;flex-direction:column;justify-content:center;align-items:center}.pokemon-types{width:70%;display:flex;justify-content:space-around}.pokemon-types h3{color:#9a9a9a;font-weight:900;-webkit-filter:brightness(85%);filter:brightness(85%);padding:.5rem 1rem;border-radius:1rem}.pokemon-stats{width:100%;display:flex;justify-content:space-around}.pokemon-stats .col1,.pokemon-stats .col2,.pokemon-stats .col3{width:30%}.button-modal{color:#fff;font-size:1.3rem;font-weight:900;cursor:pointer;height:3rem;width:12rem;margin:2rem 0;border-radius:4rem;background:linear-gradient(90deg,#ee1515,#222224);outline-style:none}.pokemon-detail-container{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:4px;border:1px solid #9a9a9a}.pokemon-detail{width:80%;height:40%;display:flex;justify-content:space-around}.pokemon-detail-id{width:40%;display:flex;flex-direction:column;align-items:center}.pokemon-detail-id h2{font-size:3rem}.pokemon-detail .pokemon-class{width:10%;height:10%}.pokemon-detail-img{width:40%;display:flex;justify-content:center;align-items:center}.pokemon-detail img{width:75%;height:75%}.pokeball{width:100px;height:100px;background:linear-gradient(180deg,#ee1515 50%,#fff 0);border:8px solid #000;border-radius:50%;position:relative;-webkit-animation:anim 1s linear infinite;animation:anim 1s linear infinite}.pokeball:before{background:#000;height:8px;width:100px;transform:translateY(-50%)}.pokeball:after,.pokeball:before{content:"";position:absolute;top:50px}.pokeball:after{background:#fff;height:38px;width:38px;left:50px;transform:translate(-50%,-50%);border:1px solid;border-radius:50%;box-shadow:inset 0 0 0 6px #000,inset 0 0 0 12px #fff,inset 0 0 0 20px #000}@-webkit-keyframes anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.94370ef0.chunk.css.map */