@import url(https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;500;600;700;800&display=swap);.scroll-buttons-container{bottom:0;width:100%}.scroll-buttons-container,.scrollButton{display:flex;justify-content:center;position:fixed}.scrollButton{align-items:center;background-color:#1a1a1af8;border:1px solid #1a1a1af8;border-radius:999px;color:#fffffffb;cursor:pointer;opacity:0;transition:opacity .5s;z-index:9999}.darkMode .scrollButton{background-color:#b9b9b9ea;border:1px solid #b9b9b9ea;color:#000000ee}.scrollButton.visible{opacity:1}.scrollToTopButton{bottom:45px;right:5px}.scrollToBotButton{bottom:10px;right:5px}.ball{animation:roll 1s ease-in-out infinite;background:#fff;background:linear-gradient(180deg,#e83e35 0,#e83e35 50.5%,#fff 50.51%,#fff);border-radius:50%;box-shadow:inset -20px 0 #0000001a;height:200px;margin-bottom:1em;margin-top:1em;position:relative;width:200px}.ball:after{background:#3f3f3f;height:6px;left:0;top:97px;width:200px}.ball:after,.ball:before{content:"";position:absolute}.ball:before{animation:button 3s ease infinite;background:#fff;border:6px solid #3f3f3f;border-radius:50%;box-shadow:inset 0 0 15px -2px #c62828;height:54px;left:67px;top:67px;width:54px;z-index:1}@keyframes roll{0%{transform:rotate(0)}90%,to{transform:rotate(2turn)}}@keyframes button{0%,50%,to{box-shadow:inset 0 0 15px -2px #c62828}25%,75%{box-shadow:inset 0 0 10px -2px #1300ea}}.CircleLoader{animation:spin 1s linear infinite;border:5px solid #fff;border-radius:50%;border-top-color:#3498db;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{cursor:url(/pokedex/static/media/pokedex.885239bd0e450c11d573.png),auto}.homePageContainer{align-items:center;background-color:#fff;color:#222;display:flex;flex-direction:column;justify-content:center;padding-bottom:6.5em}.darkMode .homePageContainer{background-color:#222;color:#f1f1f1ea}button.filterPokemonContainerWithButton__toggleDiv{all:unset;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;justify-content:center;margin:0 auto 10px;max-width:650px;padding:10px 16px;position:relative;transition:background-color .3s ease,box-shadow .3s ease}button.filterPokemonContainerWithButton__toggleDiv:focus-visible{border-radius:8px;outline:2px solid #007bff;outline-offset:4px}.darkMode button.filterPokemonContainerWithButton__toggleDiv{background-color:#222}.toggleDiv__toggler{color:#222;transition:color .3s ease}.darkMode .toggleDiv__toggler{color:#f1f1f1ea}.toggleDiv__openOrCloseFilter{color:#222;font-size:1.1rem;font-weight:500;margin-left:.5em}.darkMode .toggleDiv__openOrCloseFilter{color:#f1f1f1ea}.openOrCloseFilter__filterTitle{font-size:1rem;margin:0}.homePageContainer__filterPokemonContainer{align-items:center;box-shadow:0 -1px 6px -1px rgba(0,0,0,.568),0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:0;justify-content:center;overflow:hidden}.generationSelectContainer__Legend{font-weight:700;margin:auto}.filterPokemonContainer__generationSelectContainer{align-items:center;display:flex;font-family:Roboto,sans-serif}.TypesSelectContainer__Legend{font-weight:700;margin:1em auto .2em}.filterPokemonContainer__typeSelectContainer{align-items:center;display:flex;flex-wrap:wrap;font-family:Roboto,sans-serif;justify-content:center;padding-left:1em}.typeSelectContainer__types{margin:0 .5em;width:6em}.homePageContainer__filterPokemonContainer{margin-bottom:1em;min-width:310px;transition:.6s}.homePageContainer__filterPokemonContainer.open{min-height:300px;min-width:310px;transition:.6s;width:500px}@media (max-width:410px){.homePageContainer__filterPokemonContainer.open{height:370px;width:310px};}.homePageContainer__searchPokemonByName{border:2px solid #000;border-left-width:8px;border-radius:6px;display:block;font-family:Roboto Mono,Courier New,monospace;font-size:1rem;margin-bottom:1em;padding:10px 12px;width:220px}.homePageContainer__searchPokemonByName::placeholder{color:#000}.homePageContainer__searchPokemonByName:focus{background-color:#fff;border:2px solid #b51623;border-left-width:8px;border-radius:8px;outline:2px solid #007bff;outline-offset:4px}.darkMode .homePageContainer__searchPokemonByName{background-color:#0b0b0b;border:2px solid #a8dadc;border-left:8px solid #e63946;box-shadow:inset 0 0 0 1px #333,0 4px 8px #ffffff1a;color:#f1f1f1}.darkMode .homePageContainer__searchPokemonByName::placeholder{color:#fff;font-weight:bolder}.darkMode .homePageContainer__searchPokemonByName:focus{background-color:#1d1d1d;border-color:#f1faee}.homePageContainer__pokemonsContainer{display:flex;flex-wrap:wrap;justify-content:center}.pokemonsContainer__pokemonContainer{align-items:center;border:1px solid #ccc;border-radius:20px;display:flex;flex-direction:column;float:left;justify-content:center;margin:2px;position:relative;text-align:center;width:110px}.darkMode .pokemonsContainer__pokemonContainer{background-color:#222;border:1px solid #464646;color:#f1f1f1ea}.pokemonContainer__NameAndId{background-color:#fff;border:1px solid #ccc;border-bottom:0;border-radius:20px 20px 0 0;color:#000;width:110px}.darkMode .pokemonContainer__NameAndId{background-color:#222;border:1px solid #464646;border-bottom:0;color:#f1f1f1ea}.pokemonContainer__imgLoader{align-items:center;display:flex;height:96px;justify-content:center;left:6px;width:96px}.pokedexPageContainer{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding-bottom:7em}@media screen and (min-height:850px){.pokedexPageContainer{padding-bottom:0}}.pokedex{float:right;height:auto;max-width:425px;max-width:100%;position:relative;width:100%}.pokedexPageContainer__imgContainer{margin-right:2.1em;position:absolute;top:17.5em}.imgContainer__img{width:10em}.pokedexPageContainer__nameAndIdContainer{align-items:center;display:flex;flex-direction:column;margin-right:2.2em;position:absolute;top:28.5em}.nameAndIdContainer__pokemonId,.nameAndIdContainer__pokemonName{margin:0 .5em}.pokedexPageContainer__typesContainer{align-items:center;color:#f1f1f1ea;display:flex;margin-right:2.2em;position:absolute;top:32.2em}.typesContainer__typesTitle{margin:0 .5em}.typesContainer_type{margin-right:.5em}.pokedexPageContainer__weightAndHeightContainer{color:#f1f1f1ea;display:flex;margin-right:2.2em;position:absolute;top:34.2em}.pokedexPageContainer__weightContainer{display:flex;margin:0 .5em}.weightContainer__weightTitle{margin-right:.2em}.pokedexPageContainer__heightContainer{display:flex;margin:0 .5em}.heightContainer__heightTitle{margin-right:.2em}.pokedexPageContainer____categoryContainer{color:#f1f1f1ea;display:flex;margin-right:2.2em;position:absolute;top:36.2em}.categoryContainer__categoryTitle{margin-right:.2em}.pokedexPageContainer____descriptionContainer{color:#f1f1f1ea;margin-right:2.2em;position:absolute;text-align:center;top:38.2em;width:300px}.normal{background-color:#a8a878;color:#000}.fire{background-color:#f08030;color:#000}.water{background-color:#6890f0;color:#000}.electric{background-color:#f8d030;color:#000}.grass{background-color:#78c850;color:#000}.ice{background-color:#98d8d8;color:#000}.fighting{background-color:#c03028;color:#fff}.poison{background-color:#a040a0;color:#fff}.ground{background-color:#e0c068;color:#000}.flying{background-color:#a890f0;color:#000}.psychic{background-color:#f85888;color:#000}.bug{background-color:#a8b820;color:#000}.rock{background-color:#b8a038;color:#000}.ghost{background-color:#705898;color:#fff}.dragon{background-color:#7038f8;color:#fcfcfc}.dark{background-color:#705848;color:#fff}.steel{background-color:#b8b8d0;color:#000}.fairy{background-color:#ee99ac;color:#000}.darkMode .normal{background-color:#a8a878;color:#000}.darkMode .fire{background-color:#f08030;color:#000}.darkMode .water{background-color:#6890f0;color:#000}.darkMode .electric{background-color:#f8d030;color:#000}.darkMode .grass{background-color:#78c850;color:#000}.darkMode .ice{background-color:#98d8d8;color:#000}.darkMode .fighting{background-color:#c03028;color:#000}.darkMode .poison{background-color:#a040a0;color:#000}.darkMode .ground{background-color:#e0c068;color:#000}.darkMode .flying{background-color:#a890f0;color:#000}.darkMode .psychic{background-color:#f85888;color:#000}.darkMode .bug{background-color:#a8b820;color:#000}.darkMode .rock{background-color:#b8a038;color:#000}.darkMode .ghost{background-color:#705898;color:#000}.darkMode .dragon{background-color:#7038f8;color:#000}.darkMode .dark{background-color:#705848;color:#000}.darkMode .steel{background-color:#b8b8d0;color:#000}.darkMode .fairy{background-color:#ee99ac;color:#000}.pokedexType{border-radius:5px;margin:0 2px;padding:2px 8px}.toggleContainer{align-items:center;display:inline-block;display:flex;height:30px;justify-content:center;position:relative;width:60px}.darkModeInput{display:none}.toggleLabel{background-color:#222;border-radius:15px;cursor:pointer;display:block;height:100%;left:0;position:relative;transition:all .3s ease-in-out;width:100%}.toggleThumb{background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;content:"";display:block;height:26px;left:2px;position:absolute;top:2px;transition:transform .3s ease-in-out;width:26px}.inputChecked+.toggleLabel{background-color:#007bff}.inputChecked+.toggleLabel .toggleThumb{transform:translateX(30px)}.leftIcon{margin:2px 13px 0 0}.leftIcon,.rightIcon{display:flex;justify-content:center}.rightIcon{margin:3px 0 0 13px}.navbar{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:85px;justify-content:center;justify-content:space-between;margin-bottom:1.5em;padding:1em}.menuIconContainer,.navbar{align-items:center;display:flex}.menuIconContainer{justify-content:center}.menuIcon{cursor:pointer;height:40px;padding:.2em;width:40px}.navbar__title{color:#c20303;font-family:Press Start\ 2P,sans-serif;font-size:3vw;letter-spacing:7px}.darkMode .navbar{background-color:#222;box-shadow:0 0 11px #0003;color:#fff}@media screen and (min-width:1600px){.navbar__title{font-size:30px}.menuIcon{height:50px;width:50px}}.footerContainer{align-items:center;bottom:0;display:flex;flex-direction:column;position:absolute;width:100%}.darkMode .footerContainer{background-color:#222}.socialsMediasContainer__SocialMedia{border:1px solid #383838;border-radius:100%;margin:0 .5em;padding:.5em}.socialsMediasContainer__SocialMedia:hover{padding:.25em;transition:.7s}.socialsMediasContainer__Linkedin{color:#11a2e6}.socialsMediasContainer__Github{color:#333}.darkMode .socialsMediasContainer__Github{color:#f1f1f1ea}.footerContainer__Portfolio{color:inherit;color:#424242f8;font-size:.9em;margin-top:.5em;padding-bottom:1em;transition:.5s}.darkMode .footerContainer__Portfolio{color:#f1f1f1ea}.footerContainer__Portfolio:hover{color:#52a2c7;text-decoration:underline}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:#0000;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}body{font-family:Arial,Helvetica,sans-serif}ol,ul{list-style:none}a{color:inherit;text-decoration:none}*,:after,:before{box-sizing:border-box}@font-face{font-family:Press Start\ 2P;src:url(/pokedex/static/media/PressStart2P.2ebf1a35a67b4271603e.ttf)}@font-face{font-family:Poppins;src:url(/pokedex/static/media/Poppins-Black.eacee5bb9c7fee5939ae.ttf)}body,html{font-family:Oxanium,cursive;height:100%;margin:0}#root,Layout{min-height:100%;position:relative}.darkMode{background-color:#222}:focus{outline:revert}
/*# sourceMappingURL=main.32bcbb78.css.map*/