body{margin:0;padding:0;font-family:sans-serif}#root{min-height:100vh;background-image:url(/static/media/background.65cf6936.jpg)}a,a:hover{text-decoration:none}a:hover{color:#fff}li{list-style:none}h3,p,span{padding:0;margin:0}footer{font-family:inherit;background-color:#363636;padding:10px;color:#fff;text-align:center;font-size:1.1rem}footer a{color:#e58112}.pokeName{padding-bottom:20px}.pokeGridContainer{list-style-type:none;display:-ms-grid;display:grid;grid-gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px 0;padding:0;justify-items:center;-webkit-align-content:center;align-content:center}.listItems{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.pokeGridItemContainer{background-color:#f7fafc;border-radius:24%;padding:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:300px;height:300px;color:#dadad9;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:-webkit-transform .3s ease;text-transform:capitalize}.pokeGridItemContainer:focus-within,.pokeGridItemContainer:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}@media only screen and (min-width:769px){.pokeGridContainer{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media only screen and (min-width:960px){.pokeGridContainer{grid-template-columns:repeat(2,1fr)}.pokeGridItemContainer{width:350px;height:350px}}@media only screen and (min-width:1200px){.pokeGridContainer{grid-template-columns:repeat(3,1fr)}}.detailContainer{margin:24px}.pokeDetail{background:#f7fafc;color:#f5f7fa;border-radius:10px;max-width:350px;margin:20px auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;-webkit-flex-direction:column;flex-direction:column;box-shadow:0 15px 35px rgba(0,0,0,.2)}.pokedetail-header-types-container{-webkit-flex:100% 1;flex:100% 1}.pokeDetailName{text-transform:capitalize;padding-right:1rem}.detail-name-type-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;max-width:-webkit-max-content;max-width:max-content;-webkit-flex-wrap:wrap;flex-wrap:wrap}.pokeDetailHeader{display:-ms-flexbox;display:grid;grid-column:1;grid-row:1;padding:1rem;grid-template-columns:auto auto}.pokeDetailHeader,.pokeSpriteContainer{-webkit-align-items:center;align-items:center}.pokeSpriteContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media only screen and (min-width:768px){.detailContainer{margin:24px auto}.detail-body-container{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem 0}.pokedetail-header-types-container{-webkit-flex:0% 1;flex:0% 1}.pokeSpriteContainer{-webkit-align-items:flex-start;align-items:flex-start}}.loading,.loadingContainer{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading{width:60px;height:60px;background-color:#fff;border-radius:50%;overflow:hidden;border:3px solid #000;-webkit-animation:frames .8s linear 0s infinite;animation:frames .8s linear 0s infinite}.loading:after{content:"";position:absolute;width:60px;height:30px;background-color:red;border-bottom:4px solid #000;top:-1px}.loading:before{content:"";position:absolute;background-color:#fff;width:14px;height:14px;border:4px solid #000;border-radius:50%;bottom:20px;right:20px;z-index:1}@-webkit-keyframes frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.errorMessage{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:68vh;margin:0 10px}.about-weight-height-container{grid-template-columns:1fr 1fr;justify-items:center}.about-weight-height-container,.stat-container{display:grid;-webkit-align-items:center;align-items:center}.stat-container{grid-template-columns:50px 1fr}.types-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.types-container-header{margin-bottom:1rem}.types-list-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.abilities-container{margin-top:1rem}.pokeButtons{width:150px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr}.paginationBtn{margin-left:15px;border-radius:10px;background-color:#8b0000;border:none;color:#dadad9;height:27px;width:50px;cursor:pointer}.filter-btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-top:10px}.searchBar{grid-column:1/-1}@media only screen and (min-width:700px){.searchBarContainer input{color:#fff}.searchBar{grid-column:1}}.navBar{position:static;top:0;width:100%;margin-bottom:30px}.main-nav{padding:0;display:-webkit-flex;display:flex;height:100%}.main-nav,.main-nav-list{max-height:0;width:100%;margin:0;-webkit-align-items:center;align-items:center;transition:opacity .3s linear,max-height .6s linear}.main-nav-list{display:grid;justify-items:center;grid-template-columns:repeat(3,1fr);visibility:hidden;opacity:0}.searchBarContainer{color:#689613;display:-ms-flexbox;display:grid;grid-template-columns:auto auto;grid-gap:1rem;gap:1rem;justify-items:center;-webkit-align-items:center;align-items:center;max-width:400px}.nav-links{margin-bottom:10px;background:transparent;border:none;color:#dadad9;font-size:20px;font-weight:500;cursor:pointer}.nav-links:hover{color:#fff}.nav-links:after{content:"";display:block;width:0;height:2px;margin:0 auto;background:#dadad9;transition:width .3s}.nav-links:hover:after{width:100%}.navbar-toggle-btn{background:transparent;border:none;outline:none;color:#fff;margin-left:auto;margin-right:10px;display:-webkit-flex;display:flex;padding:10px}.generationsContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.generationsListItem{position:relative}.generationsListItem:hover ul{visibility:visible;opacity:1;height:auto;width:160px}.generationsListContainer{background:#3f4c5a;visibility:hidden;opacity:0;height:0;width:0;margin:0;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0}.generationsListContainer a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%;padding:10px 0;font-weight:600;color:#f5f7fa;transition:all .3s ease}.generationsListContainer a:focus-within,.generationsListContainer a:hover{color:#1f2933;background:#f5f7fa}.show-main-nav{max-height:200px;visibility:visible;opacity:1}.hamburger-menu-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%}@media only screen and (min-width:700px){.hamburger-menu-container,.navbar-toggle-btn{display:none}.main-nav,.main-nav-list{max-height:60px;visibility:visible}.main-nav-list{-webkit-flex-direction:row;flex-direction:row;opacity:1}.searchBarContainer{grid-template-columns:repeat(3,auto)}}.Navigation-bar{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.navbar1-image,.navbar3-image{width:180px}.navbar2-image{width:350px}
/*# sourceMappingURL=main.7d282268.chunk.css.map */