@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Dongle,sans-serif;margin:0;padding:0}body{background-color:#e6d3d3}.App{margin:0 auto;max-width:1300px;width:100%}.App,.loading{align-items:center;display:flex;flex-direction:column}.loading{-webkit-animation:Loading 1s ease-in-out;animation:Loading 1s ease-in-out;color:#fdfdfd;font-size:3rem;justify-content:center;opacity:1;padding:5rem 0}@-webkit-keyframes Loading{0%{opacity:0}}@keyframes Loading{0%{opacity:0}}.loading>img{-webkit-animation:imgLoading 1s ease-in-out infinite;animation:imgLoading 1s ease-in-out infinite;max-width:10%;opacity:1}@-webkit-keyframes imgLoading{0%{opacity:0;rotate:180deg}}@keyframes imgLoading{0%{opacity:0;rotate:180deg}}.head{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.head>img{-webkit-filter:drop-shadow(12px 12px 7px rgba(224,11,11,.5));filter:drop-shadow(12px 12px 7px rgba(221,12,12,.5));max-width:90%;min-width:50%}.search{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-width:600px;width:50vw}.search-bar{background-color:initial;border:2px solid red;border-radius:1rem;box-shadow:0 15px 30px -5px rgba(226,60,9,.452);color:#290f0f;font-size:1.5rem;text-align:center;transition:all .25s ease-in-out;width:100%}.search-bar:hover{border:2px solid rgba(0,255,0,.442);box-shadow:0 0 30px -5px rgba(0,255,0,.527);outline:none}.search-bar:focus{border:2px solid #1916c9;box-shadow:0 0 30px -5px rgba(25,22,201,.527);outline:none}.search-btn{background-image:linear-gradient(150deg,#f83a00,#000 65%);border:0;border-radius:8px;box-shadow:0 15px 30px -5px rgba(226,60,9,.452);color:#fff;cursor:pointer;font-size:1.5rem;padding:0 1.5rem;transition:all .5s ease-in-out;width:-webkit-max-content;width:max-content}.search-btn:is(:hover,:focus-within){box-shadow:0 15px 30px -5px rgba(25,22,201,.527);color:#15ff00}.pagination{display:flex;gap:40vw;justify-content:space-around;margin:0 0 1rem}.App .btn,.pagination .btn{background-image:linear-gradient(150deg,#0c0d0f,#000 35%,#e60a0a);border:0;border-radius:8px;box-shadow:-10px -10px 30px 1px rgba(226,60,9,.452);color:#fff;cursor:pointer;font-size:1.5rem;transition:all .5s ease-in-out;width:6rem}.App .btn:is(:hover,:focus-within),.pagination .btn:is(:hover,:focus-within){box-shadow:10px 15px 30px 1px rgba(25,22,201,.527);color:#15ff00}.cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;padding:1rem}.card{--card-width:10rem;--card-padding:1rem;align-items:center;background:#02fb08;background:linear-gradient(180deg,#02fb08,#59a30e 51%,#dd3636);border:1px solid #000;border-radius:.75rem;display:flex;flex-direction:column;gap:2rem;height:15rem;justify-content:flex-end;padding:var(--card-padding);transition:all .5s ease-in-out;width:var(--card-width)}.card:is(:hover,:focus-within){padding:0}.card.card:is(:hover,:focus-within) .pokemonImg{margin-bottom:-1rem;width:calc(var(--card-width) - var(--card-padding) + 1rem)}.card.card:is(:hover,:focus-within) .pokemonName{font-size:1.8rem}.pokemonImg{aspect-ratio:1/1;width:calc(var(--card-width) - var(--card-padding))}.pokemonImg,.pokemonName{transition:all .5s ease-in-out}.pokemonName{color:#bbd3d0;font-size:1.4rem;font-weight:500;line-height:1;text-align:center}.model{-webkit-animation:cardModel .5s ease-in-out;animation:cardModel .5s ease-in-out;background-color:#e0ecec;border:2px inset hsla(0,0%,100%,.664);border-radius:.5rem;bottom:0;cursor:pointer;height:80svh;overflow:scroll;padding:1rem 2rem 2rem;position:fixed;width:100%;z-index:999}@-webkit-keyframes cardModel{0%{bottom:-100%;opacity:0}to{bottom:0}}@keyframes cardModel{0%{bottom:-100%;opacity:0}to{bottom:0}}.model>.close{display:flex;justify-content:flex-start;margin-bottom:.5rem;position:-webkit-sticky;position:sticky;top:0}.model>.close>img{width:1.5rem}.modelCard{align-items:center;background-color:#fff;border:2px ridge #ccbebe;border-radius:1rem;display:flex;flex-direction:column;padding:.5rem}@media only screen and (min-width:700px){.model{width:-webkit-max-content;width:max-content}.modelCard{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-content:center}.modelCard>h2{font-size:3rem;grid-column:1/span 2}.modelCard>img{grid-column:1;justify-self:center}.modelCard>.pokeWH{grid-column:2;grid-row:2;margin-bottom:4rem}.modelCard>.type{grid-column:2;grid-row:2;margin-bottom:.5rem;margin-top:3rem}.modelCard>.type>h3,.modelCard>.type>span{font-size:2rem;font-weight:400}.ability{align-items:center;border:2px solid #fff;color:#5a1717;display:flex;flex-direction:column;font-size:1.5rem;gap:1rem;justify-content:center}.ability span{background:#59a30e;border:1px ridge #a58686;border-radius:1rem;color:#fff;margin-bottom:.5rem;padding:0 1rem}.stat{color:#411515;flex-direction:column;font-size:2rem;justify-content:center}.IndividualStat,.stat{align-items:center;display:flex}.IndividualStat{justify-content:space-between;padding-inline:1rem;width:100%}}.modelCard>h2{color:#3d1a1a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-block:.5rem;text-align:center;text-transform:uppercase}.modelCard>img{background:linear-gradient(180deg,rgba(2,251,6,.959),rgba(88,163,14,.788) 51%,#dd3636);border:2px groove #dbdbce;border-radius:1rem 0;margin:.5rem;padding:.5rem;width:250px}.modelCard>.pokeWH{color:#f80b2a;display:flex;font-size:2rem;gap:2rem;justify-content:center}.modelCard>.type{align-items:center;background:linear-gradient(180deg,rgba(2,251,6,0),#0df305);border-radius:2rem;color:#0c0d0f;display:flex;flex-direction:row;font-size:1.5rem;justify-content:center;margin-bottom:.5rem;width:100%}.modelCard>.type>h3,.modelCard>.type>span{font-size:2rem;font-weight:400}.ability{align-items:center;border:2px solid #fff;color:#5a1717;display:flex;font-size:1.5rem;gap:1rem;justify-content:center}.ability span{background:#59a30e;border:1px ridge #a58686;border-radius:1rem;color:#fff;margin-bottom:.5rem;padding:0 1rem}.stat{align-items:center;color:#411515;display:flex;flex-direction:column;font-size:2rem;justify-content:center}.IndividualStat{align-items:flex-start;display:flex;justify-content:space-between;padding-inline:1rem;width:100%}
/*# sourceMappingURL=main.b095e568.css.map*/