@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap);@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.o-pokeball{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;background:linear-gradient(180deg,#eee 0,#fff);border:2px solid #000;border-radius:50px;height:50px;margin:10px auto;position:relative;width:50px}.o-pokeball:after,.o-pokeball:before{content:"";display:block;transition:all .6s cubic-bezier(.67,.4,.36,.75)}.o-pokeball:before{background:linear-gradient(180deg,#d10000 0,red 50%);border-bottom:2px solid #000;border-radius:25px 25px 0 0;height:25px;width:50px}.o-pokeball:after{background:linear-gradient(180deg,#fff 0,#ccc);border-radius:50%;box-shadow:0 0 0 1px #000,0 0 0 2px #ddd,0 0 0 1.4285714285714286px #000,0 0 2.857142857142857px 4.285714285714286px rgba(0,0,0,.4);height:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}:root{--color-fire:#f08030;--color-grass:#22c02a;--color-steel:#6d8f9c;--color-water:#6890f0;--color-psychic:#f85888;--color-ground:#e0b668;--color-ice:#98d8d8;--color-flying:#9096f0;--color-ghost:#705898;--color-normal:#a8a8a8;--color-poison:#a040a0;--color-rock:#b8a038;--color-fighting:#c03028;--color-dark:#504843;--color-bug:#729f3f;--color-dragon:linear-gradient(180deg,#53a4cf 80%,#7038f8 0);--color-electric:#f8d030;--color-fairy:#f09ad9;--color-shadow:#7b62a3;--color-unknow:#757575;--color-primary:#ee6b2f;--color-primary-hover:#d06635}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff url(https://assets.pokemon.com/static2/_ui/img/chrome/container_bg.png);font-family:Montserrat,Flexo-Demi,arial,sans-serif}.container{margin:0 auto;max-width:1200px}header{align-items:center;display:flex;justify-content:space-between;padding:40px 0}.logo{margin-left:10px}.logo img{width:150px}header form{gap:15px}.form-group,header form{align-items:center;display:flex}.form-group{border:1px solid #555;border-radius:25px;gap:10px;padding:15px 20px}.form-group input{background:none;border:none;font-family:inherit;font-size:15px;outline:none;width:300px}.icon-search{stroke:#555;height:20px;width:20px}.btn-search{background-color:#ee6b2f;background-color:var(--color-primary);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;letter-spacing:2px;outline:none;padding:15px 30px}.btn-search:hover{background-color:#d06635;background-color:var(--color-primary-hover);color:#fff}.container-filter{display:flex}.icon-filter{align-items:center;cursor:pointer;display:flex;gap:5px;margin-bottom:20px}.icon-filter .icon{stroke:#555;height:30px;width:40px}.card-list-pokemon{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.card-pokemon{border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.25);cursor:pointer;text-decoration:none;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.card-pokemon:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.card-img{align-items:center;background-color:#a08383;border-radius:5px;display:flex;height:250px;justify-content:center}.card-img img{height:100%;width:100%}.card-info{padding:15px}.card-info h3{color:#333}.pokemon-id{color:#413535;display:block;font-size:18px;margin-bottom:15px}.card-types{display:flex;gap:10px;margin-top:10px}.card-types span{border-radius:5px;color:#fff;font-size:12px;padding:5px 20px}.water{background-color:#6890f0;background-color:var(--color-water)}.grass{background-color:#22c02a;background-color:var(--color-grass)}.poison{background-color:#a040a0;background-color:var(--color-poison)}.fire{background-color:#f08030;background-color:var(--color-fire)}.bug{background-color:#729f3f;background-color:var(--color-bug)}.dragon{background:linear-gradient(180deg,#53a4cf 80%,#7038f8 0);background:var(--color-dragon)}.flying{background-color:#9096f0;background-color:var(--color-flying)}.ground{background-color:#e0b668;background-color:var(--color-ground)}.steel{background-color:#6d8f9c;background-color:var(--color-steel)}.psychic{background-color:#f85888;background-color:var(--color-psychic)}.ice{background-color:#98d8d8;background-color:var(--color-ice)}.ghost{background-color:#705898;background-color:var(--color-ghost)}.normal{background-color:#a8a8a8;background-color:var(--color-normal)}.rock{background-color:#b8a038;background-color:var(--color-rock)}.electric{background-color:#f8d030;background-color:var(--color-electric)}.fighting{background-color:#c03028;background-color:var(--color-fighting)}.fairy{background-color:#f09ad9;background-color:var(--color-fairy)}.dark{background-color:#504843;background-color:var(--color-dark)}.container-filters{background-color:#d6d6dc;color:#555;display:flex;height:100%;justify-content:center;left:-300px;padding-top:100px;position:fixed;top:0;transition:all .3s linear;width:130px}.container-filters.active{left:0}.filter-by-type{display:flex;flex-direction:column;gap:15px}.filter-by-type span{font-size:22px;font-weight:700}.group-type{display:flex;gap:10px;margin-left:15px}.group-type label{cursor:pointer}.main-pokemon{display:flex;flex-direction:column;margin-bottom:50px;margin-top:100px}.header-main-pokemon{align-items:center;display:flex;margin-top:20px;position:relative}.number-pokemon{color:#d06635;color:var(--color-primary-hover);font-size:175px;font-weight:700;left:0;position:absolute;top:-130px}.container-img-pokemon{flex:1 1;height:400px;order:2;padding:25px 25px 25px 0}.container-img-pokemon img{height:100%}.container-info-pokemon{display:flex;flex:1 1;flex-direction:column;order:1}.container-info-pokemon h1{font-size:60px;text-align:right}.info-pokemon{display:flex;justify-content:space-between;margin-top:20px}.group-info{display:flex;flex-direction:column;gap:10px}.group-info p{font-size:20px;font-weight:700}.container-stats{align-items:center;display:flex;gap:50px}.stats{flex:1 1;flex-direction:column}.stat-group,.stats{display:flex;gap:20px}.stat-group{align-items:center}.stat-group span{flex:20% 1;font-size:18px;font-weight:500}.progress-bar{background-color:#ee6b2f;background-color:var(--color-primary);border-radius:10px;height:30px;width:100%}.p-search{font-size:22px;margin-bottom:30px}.p-search span{font-weight:700}.container-loader{display:flex;justify-content:center;margin:200px 0}.container-btn-load-more{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.btn-load-more{background-color:#ee6b2f;background-color:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;padding:15px 40px}.btn-load-more:hover{background-color:#d06635;background-color:var(--color-primary-hover);color:#000}footer{align-items:center;background-color:#333;bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem;right:0}.social-links a{color:#fff;margin-right:1rem}.copyright{font-size:.8rem}
/*# sourceMappingURL=main.afaff022.css.map*/