@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&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}header{align-self:stretch;background-color:red}.pokemons{flex-flow:row wrap;list-style:none;margin:20px 0;padding:0}.pokemons,footer{display:flex;justify-content:space-between}footer button{background:#003a70;border:0;border-radius:20px;box-shadow:1px 1px 1px #000;color:#fff;cursor:pointer;font-size:30px;font-weight:700;margin:10px;outline:0;padding:10px}footer button:hover{margin-top:1px}footer button.fixo{bottom:50%;position:fixed}footer button.right{right:0}footer button.left{left:0}.pokemon-item{background-color:#ffcb05;box-shadow:inset 1px 1px 20px 1px #01010166;color:red;cursor:pointer;margin-bottom:10px;padding:5px;transition:.2s ease-in-out;width:215px}.pokemon-item .pokemon-name{margin-bottom:10px;text-shadow:1px 1px 1px #000;text-transform:capitalize}.pokemon-item img{width:96px}.pokemon-item:hover{transform:scale(1.1)}.poke-lazy-active{filter:blur(15px)!important}@media (max-width:460px){.pokemon-item{width:100%}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.display{background-color:#ffcb05;display:flex;flex-flow:row wrap;justify-content:normal;list-style:none;margin:0;padding:0}.display .box{box-shadow:inset 1px 1px 20px 1px #01010166;flex:auto;min-height:365px;padding-top:30px;width:200px}.display .box h2{text-transform:capitalize}.display .box .type{border:1px solid #00000080;border-radius:5px;display:flex;justify-content:space-around;margin:auto auto 5px;padding:10px;text-shadow:1px 1px 1px #000;width:20%}.display .box .bug{background-color:#a6b91a;color:#edf1d1}.display .box .fire{background-color:#ee8130;border-color:#f6c097;color:#f9d9c0}.display .box .flying{background-color:#a98ff3;border-color:#d4c7f9;color:#e5ddfb}.display .box .fighting{background-color:#c22e28;border-color:#e09693;color:#ecc0be}.display .box .electric{background-color:#f7d02c;border-color:#fbe795;color:#fcf0bf}.display .box .poison{background-color:#a33ea1;border-color:#d19ed0;color:#e3c5e2}.display .box .steel{background-color:#b7b7ce;border-color:#dbdbe6;color:#f0f0f5}.display .box .ghost{background-color:#735797;border-color:#ab9ac0;color:#d5ccdf}.display .box .dragon{background-color:#6f35fc;border-color:#b79afd;color:#d3c2fe}.display .box .ice{background-color:#96d9d6;border-color:#caecea;color:#dff3f2}.display .box .rock{background-color:#b6a136;border-color:#d3c686;color:#e9e2c2}.display .box .water{background-color:#6390f0;border-color:#a1bcf6;color:#d0ddfa}.display .box .normal{background-color:#a8a77a;border-color:#cacaaf;color:#e4e4d7}.display .box .grass{background-color:#7ac74c;border-color:#afdd93;color:#d7eec9}.display .box .fairy{background-color:#d685ad;border-color:#eac2d6;color:#f2dae6}.display .box .dark{background-color:#705746;border-color:#a99a90;color:#d4ccc7}.display .box .psychic{background-color:#f95587;border-color:#fb99b7;color:#fdccdb}.display .box .ground{background-color:#e2bf65;border-color:#edd8a2;color:#f6ebd0}body{background-color:#3d7dca;font-family:Press Start\ 2P,cursive}.App{align-items:flex-start;display:flex;flex-direction:column;font-weight:700;text-align:center}.App>*{flex:1 1 100%;padding:10px}.main{align-self:center;display:flex;flex-flow:row wrap}.main .top{margin:10px 0 20px}.main .top input,.main .top select{font-size:20px;font-weight:700;margin-left:20px;padding:10px;width:60px}.main>*{flex:1 1 100%}@media (max-width:710px){.pokemons{justify-content:space-around}}@media (min-width:768px){.main{max-width:750px}aside{flex:1 0}}@media (min-width:992px){.main{max-width:970px}.display{order:1}.pokemons{order:3}footer{order:4}}@media (min-width:1200px){.main{max-width:1170px}}