@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap);.container-loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}header{padding:40px}.logo-col{align-items:center;display:flex;justify-content:flex-start}.logo img{margin-left:25px;width:250px}.form-col{align-items:center;display:flex;justify-content:flex-end}header form{display:flex;gap:15px;margin-right:25px}.form-group{border:1px solid #2c2c2c;border-radius:20px;display:flex;margin-bottom:0;padding:15px 20px}.btn-search,.form-group{height:50px}.form-group input{background-color:initial;border:none;font-family:inherit;font-size:medium;outline:none;width:230px}.form-group input::placeholder{color:#2c2c2c}.icon-search{stroke:#2c2c2c;height:20px;margin-right:5px;width:20px}.btn-search{background-color:var(--color-primary);border:none;border-radius:20px;color:#f2f2f2;letter-spacing:2px;outline:none;padding:10px 30px}.btn-search:hover{background-color:var(--color-primary-hover);color:#000}@media (max-width:1023px){header form{flex-direction:column;justify-content:center}}@media (max-width:767px){.logo img{margin-left:0}header form{margin-right:0}.logo-col{margin-bottom:60px}.form-col,.logo-col{justify-content:center}.form-col{margin-bottom:15px}}.card-body{padding:5px;text-decoration:none}.card-pokemon{background-color:#2c2c2c;border:1px solid #f2f2f2;border-radius:5px;cursor:pointer;transition:transform .3s}.card-pokemon:hover{transform:scale(1.05)}.card-img{background-color:#f2f2f2;border-radius:0}.card-img img{width:100%}.card-info{color:#f2f2f2;padding:10px}.pokemon-name{font-size:large;margin-bottom:15px;margin-top:5px;text-align:right}.pokemon-id{color:#f2f2f2;font-size:medium;margin:0;text-align:right}.card-types{display:flex;justify-content:space-between}.card-types span{border-radius:5px;color:#f2f2f2;flex:1 0 45%;font-size:small;margin:0 2.5%;padding:5px;text-align:center}.water{background-color:var(--color-water)}.grass{background-color:var(--color-grass)}.poison{background-color:var(--color-poison)}.fire{background-color:var(--color-fire)}.bug{background-color:var(--color-bug)}.dragon{background:var(--color-dragon)}.flying{background-color:var(--color-flying)}.ground{background-color:var(--color-ground)}.steel{background-color:var(--color-steel)}.psychic{background-color:var(--color-psychic)}.ice{background-color:var(--color-ice)}.ghost{background-color:var(--color-ghost)}.normal{background-color:var(--color-normal)}.rock{background-color:var(--color-rock)}.electric{background-color:var(--color-electric)}.fighting{background-color:var(--color-fighting)}.fairy{background-color:var(--color-fairy)}.dark{background-color:var(--color-dark)}.container-button-load-more{display:flex;justify-content:center;padding:20px}.button-load-more{background-color:var(--color-primary);border:none;border-radius:20px;color:#f2f2f2;cursor:pointer;font-family:inherit;height:50px;letter-spacing:2px;padding:10px 30px}.button-load-more:hover{background-color:var(--color-primary-hover);color:#000}.container-filter{align-content:center;display:flex;justify-content:center}.icon-filter{align-items:center;background-color:var(--color-primary);border-radius:20px;color:#f2f2f2;cursor:pointer;display:flex;gap:15px;height:50px;letter-spacing:2px;margin-bottom:10px;padding:10px 30px}.icon-filter:hover{background-color:var(--color-primary-hover);border-radius:20px;color:#000}.icon-filter .icon{stroke:#f2f2f2;height:25px;width:25px}.icon-filter:hover .icon{stroke:#000}.container-filters{align-items:center;background-color:#f2f2f2;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center;left:-250px;position:fixed;top:0;transition:left 1s ease;width:250px;z-index:1000}.container-filters.active{left:0}.closeButton{align-self:flex-start;background:none;border:none;color:#555;margin-left:auto;padding:15px}.filter-by-type{display:flex;flex-direction:column}.filter-by-type span{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.group-type{display:flex;gap:10px;margin-bottom:5px}.group-type label{cursor:pointer;margin:0}.container.pokemon-top{max-width:800px;width:95%}.divider{border-top:3px solid var(--color-primary);margin:0 auto}.buttons{display:flex;justify-content:center}.next-button,.previous-button{background-color:var(--color-primary);border:none;color:#f2f2f2;font-family:inherit;height:50px;letter-spacing:2px;padding:10px 30px;width:140px}.previous-button{border-radius:20px 0 0 0}.next-button{border-radius:0 20px 0 0}.next-button:disabled,.next-button:hover,.previous-button:disabled,.previous-button:hover{background-color:var(--color-primary-hover);color:#000}.next-button:disabled,.previous-button:disabled{cursor:not-allowed}.pokemon-number{align-items:flex-end;color:var(--color-primary);display:flex;flex-direction:column;font-size:clamp(24px,15vw,150px);font-weight:700;opacity:70%}.pokemon-img{align-items:center;display:flex;justify-content:center;padding:0}.pokemon-img img{height:auto;max-width:100%;object-fit:contain}.small-card{background-color:#d3d3d3;border:1px solid #000;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.pokemon-description{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:50px;padding:0}.pokemon-page-name{font-size:40px;text-align:right}.pokemon-info{display:flex;justify-content:space-between;margin-top:20px;padding-left:25px;padding-right:25px}.group-info p{font-size:large;font-weight:700}.group-info span{display:flex;font-size:large;justify-content:center}@media (max-width:767px){.pokemon-description,.pokemon-img{display:flex;justify-content:space-evenly}.pokemon-page-name{font-size:40px;margin-right:9px;text-align:right}}.container.pokemon-middle{margin-bottom:50px;max-width:800px;width:95%}.pokemon-middle{background-color:#d3d3d3;border:1px solid #000;border-radius:10px;box-shadow:0 2px 8px #0000001a;flex-direction:column;padding:20px}.ability-types{display:flex;justify-content:space-between}.ability-types span{border-radius:5px;color:#f2f2f2;flex:1 0 25%;font-weight:600;margin:0 2.5%;padding:5px;text-align:center}.experience-text{font-size:larger;font-weight:700;margin-bottom:15px}.ability-title,.experience-text{display:flex;justify-content:center}.ability-title{font-size:x-large;margin-bottom:0}@media (max-width:576px){.ability-title{margin-bottom:10px}.ability-types{flex-direction:column}.ability-types span{flex-basis:100%;margin-bottom:10px}}.container.pokemon-bottom{margin-bottom:50px;max-width:800px;width:95%}.stats-title{font-size:x-large;margin-left:15px}.pokemon-bottom{align-items:center;background-color:#d3d3d3;border:1px solid #000;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:50px;padding:20px}.pokemon-stats{display:flex;flex:1 1;flex-direction:column;gap:20px}.stat-group{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:20% auto 8%}.stat-group span{font-size:18px;font-weight:500}.progress-bar{background-color:#f5f5f5;border-radius:10px;height:30px;position:relative}.progress-bar-filled{background-color:var(--color-primary);border-radius:10px;height:100%}@media (max-width:767px){.container.pokemon-bottom{padding:20px 0}.pokemon-bottom{flex-direction:column}.stats-title{margin-bottom:-30px;margin-left:0}.pokemon-stats{width:90%}.stat-group{grid-template-columns:20% auto 5%}.counter-stat{display:flex;justify-content:flex-end}}.page-footer{align-items:center;background-color:#2c2c2c;display:flex;flex-direction:column;height:20vh;justify-content:center}.footer-logo{display:flex;flex-direction:row;padding:10px}.logo-img{width:100px}.logo-img:hover{opacity:.5;transition:opacity .3s ease}.logo-text{align-items:center;color:#f2f2f2;display:flex;font-size:medium;margin-bottom:0;margin-left:20px}:root{--color-fire:#ff7402;--color-grass:#9bcc50;--color-steel:#9eb7b8;--color-water:#4592c4;--color-psychic:#f366b9;--color-ground:#ab9842;--color-ice:#51c4e7;--color-flying:#3dc7ef;--color-ghost:#4d5b64;--color-normal:#a4acaf;--color-poison:#7e0058;--color-rock:#a38c21;--color-fighting:#d56723;--color-dark:#707070;--color-bug:#729f3f;--color-dragon:linear-gradient(180deg,#53a4cf 50%,#f16e57 0);--color-electric:#bba909;--color-fairy:#fdb9e9;--color-shadow:#7b62a3;--color-unknow:#757575;--color-primary:#006d77;--color-primary-hover:#83c5be}body{background-color:#97a6b0;font-family:Montserrat}.container{margin:0 auto;max-width:1200px}
/*# sourceMappingURL=main.72e8ef67.css.map*/