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}body{background:linear-gradient(to bottom right,#b0e0e6,skyblue,#40e0d0) no-repeat 50% fixed;background-size:cover}.App{height:auto;transition:2s}.App,.pokemons{display:flex;width:auto}.pokemons{align-content:space-around;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.favorite{cursor:pointer;float:left;height:50px;width:50px}.greenlight,.redlight{margin-left:25px;width:50px}.greenlight,.orb,.redlight{border-radius:50%;cursor:pointer}.orb{background:radial-gradient(#fff,#40e0d0,#00bfff);border:10px solid crimson;box-shadow:1px 2px 5px 5px #2f4f4f;height:10vh;margin-right:25px;margin-top:25px;width:10vh}.pokedex{align-items:center;background:linear-gradient(red,crimson 90%,darkred);box-shadow:0 8px 5px #2f4f4f;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:space-between;min-height:10vh;position:fixed;top:0;width:100%;z-index:1}.pokedexBorder,.pokedexInfo{height:90vh;margin:0;padding:0;position:fixed;top:15vh;z-index:0}.pokedexInfo{background:linear-gradient(to top right,#b0e0e6,skyblue,#40e0d0) no-repeat 50% fixed;right:0;text-align:center;width:33%}.pokedexBorder{background:linear-gradient(90deg,crimson 45%,red 95%,#2f4f4f) no-repeat;box-shadow:-5px 0 8px 8px #2f4f4f;float:left;width:5%}.single_poke{align-content:center;border-radius:10%;box-shadow:0 0 8px 8px #04f9e0;cursor:pointer;display:flexbox;flex-direction:column;justify-content:center;margin:20px;object-fit:cover;position:relative;text-align:center;top:18vh;width:190px}.single_poke:hover{box-shadow:0 0 10px 10px #fff;transition:.5s}.pokeName{block-size:40px;font-size:xx-large;margin:0;z-index:1}.idNum{color:#fff;font-size:110px;margin:0;opacity:.5;position:absolute;z-index:-1}.pokeSprite{width:140px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animPoke{max-width:150px;min-width:100px}.App-logo{margin:auto;padding-bottom:10px;padding-top:10px}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}
/*# sourceMappingURL=main.7afc4c77.css.map*/