@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;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;margin:0;padding:0}html{overflow-x:hidden}body{background-color:#f3f4fa;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:1.5}a{color:inherit;text-decoration:none}img{width:100%}li,ul{list-style-type:none}.mb{margin-bottom:48px}@media only screen and (max-width:1366px){.mb{margin-bottom:24px}}h1{color:#fff;font-size:2.5rem;font-weight:700}h2,h3{color:#fff;font-size:2rem}h3{margin:1rem 0}p{color:#fff}@media(max-width:768px){h2{font-size:1.5rem}}.row{display:flex;flex-wrap:wrap;margin:0 -24px}@media only screen and (max-width:1366px){.row{margin:0 -12px}}[class*=col-]{padding:0 24px}@media only screen and (max-width:1366px){[class*=col-]{padding:0 12px}}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media only screen and (max-width:1366px){.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.hide-md{display:none}}@media only screen and (max-width:600px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.hide-sm{display:none}}.main{overflow-x:hidden;padding-left:384px}@media only screen and (max-width:1366px){.main{padding-left:0;width:100vw}}.main__content{min-height:100vh;padding:48px;transition:all .5s ease-in-out}@media only screen and (max-width:1366px){.main__content{background-color:#f3f4fa;padding:24px;position:relative;z-index:100}}.sidebar-open .main__content{border-bottom-left-radius:30px;border-top-left-radius:30px;height:100vh;overflow:hidden;-webkit-transform:scale(.8) translateX(50%);transform:scale(.8) translateX(50%);transition:all .5s ease-in-out}.type-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1.125rem;height:100%;margin:5px 2px;text-align:start;text-transform:capitalize;transition:box-shadow .2s ease;width:60%}.type-btn:hover{background-color:#8a2be2}.options-pokemon{display:flex;height:100%;justify-content:space-between}.options-pokemon .circle-type{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:25px;justify-content:center;margin-right:4px;width:25px}.options-pokemon .active{border:3px solid #fff}.options-pokemon .pointer{cursor:pointer}.options-pokemon .pointer:hover{border:3px solid #fff}.special-filter__container{background-color:#2c2c57;border-radius:2.5rem;display:flex;flex-direction:column;grid-area:sidebar;grid-row-end:1;grid-row-start:1;height:-webkit-fill-available;max-width:25rem;padding:1rem;width:100%}.special-filter__container .special-filter__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.special-filter__container .special-filter__header .circle-type{align-items:center;border-radius:50%;display:flex;height:2.5rem;justify-content:center;margin-right:4px;width:2.5rem}.special-filter__container .types_container{margin-top:2rem}.button__container{align-items:center;display:flex;height:2rem;justify-content:space-between}@media(max-width:768px){.special-filter__header{margin-bottom:.5rem}.special-filter__container{grid-area:nothing;padding:0}.special-filter__container .types_container{margin-top:0}}.nav-menu{background-color:#2c2c57;display:flex;flex-direction:column;height:100vh;justify-content:center;left:-100%;max-width:25rem;padding:2rem;position:fixed;top:0;transition:.85s;width:100%;z-index:2}.nav-menu .sidebar__header{display:flex;justify-content:flex-end;width:100%}.nav-menu.active{left:0;transition:.35s}@media(max-width:768px){.nav-menu{max-width:25rem;padding:1rem 2rem 1rem 3rem}}.header{grid-area:header}nav{align-items:center;background-color:#2c2c57;color:#fff;display:flex;height:5rem;padding:0 30px;transition:all .3s ease-in-out}nav .header__hamburger-container{display:none;margin-right:2rem}@media(max-width:768px){nav .header__hamburger-container{display:flex}}.card{align-items:center;background-color:hsla(0,0%,100%,.059);border-radius:2.5rem;cursor:pointer;display:flex;height:12rem;justify-content:space-between;padding:2rem;transition:box-shadow .2s ease}.card .card__photo-container{margin-right:1rem;width:50%}.card .icon-container{display:flex}.card .icon-container .circle-type{align-items:center;border-radius:50%;display:flex;font-size:15px;height:25px;justify-content:center;margin-right:4px;width:25px}.card .info-container{width:50%}.card .info-container .info{color:#fff;font-size:16px;font-weight:400;margin:0}.card .namePokemon{font-size:1.2rem;font-weight:600;text-transform:capitalize}.card:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.go-top__container{bottom:4rem;height:4rem;position:fixed;right:4rem;width:4rem;z-index:1}.go-top__button,.go-top__container{align-items:center;display:flex;justify-content:center}.go-top__button{background:#9c99cb;border-radius:50%;cursor:pointer;height:0;-webkit-transform:scale(0);transform:scale(0);transition:.2s;width:0;z-index:-1}.go-top__button .go-top__icon{color:#2c2c57;font-size:2rem;font-weight:700;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.3s}.show{z-index:10}.show.go-top__button{-webkit-animation:popup .3s ease-in-out;animation:popup .3s ease-in-out;height:4rem;width:4rem;z-index:11}.show .go-top__icon,.show.go-top__button{-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes popup{0%{height:0;width:0}50%{height:4.5rem;width:4.5rem}to{height:4rem;width:4rem}}@keyframes popup{0%{height:0;width:0}50%{height:4.5rem;width:4.5rem}to{height:4rem;width:4rem}}.smaller{font-size:2rem}.main-container{display:flex;flex-direction:column;grid-area:main-container;margin:10px;padding:20px}.main-container .gallery-container{background-image:url(/static/media/pokemongames-banner.d5f71456c3402fceaf6d.jpg);background-repeat:no-repeat;background-size:cover;border-radius:2.5rem;height:20rem}.main-container .pokemons-container__title{margin:1rem 0}.cards-container-pokedex{grid-gap:15px;grid-gap:1rem;grid-row-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));height:auto;padding:1rem 0;row-gap:15px;width:100%}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.9)}::-webkit-scrollbar{width:1.2rem}::-webkit-scrollbar-thumb{background-color:#8e91fa;background-image:-webkit-linear-gradient(90deg,transparent,rgba(0,0,0,.4) 50%,transparent,transparent);border-radius:10px;width:5rem}.left-container{padding:0}@media(max-width:768px){.left-container>.special-filter__container{display:none}}.pokedex-container{background-color:#27254c;box-shadow:inset 5px 5px 55px rgba(0,0,0,.8);display:grid;grid-template-areas:"sidebar main-container";grid-template-columns:1fr 2.5fr;grid-template-rows:1fr;min-height:100vh;padding:1rem}@media(max-width:768px){.pokedex-container{background-color:#27254c;box-shadow:inset 5px 5px 55px rgba(0,0,0,.8);display:grid;grid-template-areas:"main-container" "main-container";grid-template-columns:auto;grid-template-rows:auto;padding:1rem}}.pokemon__card{align-items:center;background-color:#2c2c57;border-radius:2.5rem;display:flex;flex-direction:column;margin:1rem 0;padding:2rem}.pokemon__card .pokemon__photo-container{height:250px;margin-bottom:2rem;position:relative;width:250px}.pokemon__card .pokemon__photo-container .pokemon__background{background-color:hsla(0,0%,100%,.059);border-radius:100%;height:100%;position:absolute;width:100%}.pokemon__card .pokemon__photo-container .pokemon__photo{position:absolute;z-index:1}.pokemon__card .pokemon__info{display:flex;flex-direction:column;width:100%}.pokemon__card .pokemon__info .pokemon__tabs-container{display:flex;justify-content:space-between;margin-bottom:20px;width:50%}.pokemon__card .pokemon__info .pokemon__tabs-container .pokemon__tab--active{color:#fff;cursor:pointer}.pokemon__card .pokemon__info .pokemon__tabs-container .pokemon__tab--inactive{color:#9c99cb;cursor:pointer}.pokemon__card .pokemon__info .pokemon__tabs-container .pokemon__tab--inactive:hover{color:#fff}@media(max-width:768px){.pokemon__card{padding:2rem 1rem}.pokemon__card .pokemon__info .pokemon__tabs-container{width:100%}}.btn-type-detail{border-radius:20px;font-size:1rem;font-weight:700;justify-content:center;margin-left:5px;padding:.3rem .8rem;transition:box-shadow .2s ease}.btn-type-detail .btn-type-detail__text{color:#040404}.view{width:100%}.buttons-container,.flex{display:flex;gap:.5rem}li{color:#fff;margin-bottom:.5rem}li .subtitle{font-weight:700;margin-right:1rem}li .pokeinfo{font-weight:200}.capitalize{text-transform:capitalize}.title--detail{font-size:1.8rem}.pokemon-detail__main-container{background-color:#27254c;display:flex;justify-content:center}.pokemon-detail__main-container .pokemon-container__title{padding:2rem;width:100%}.pokemon-detail__main-container .pokemon-container__title .title-container{display:flex;justify-content:space-between}.pokemon-detail__main-container .pokemon-container__title .goback-btn{align-items:center;background-color:#9c99cb;border:none;border-radius:100%;color:#fff;cursor:pointer;display:flex;height:4rem;justify-content:center;text-align:center;width:4rem}
/*# sourceMappingURL=main.017affe2.css.map*/