@import url(https://fonts.googleapis.com/css2?family=Monda&family=Press+Start+2P&family=Russo+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#404040}#pokedex-title{color:#add8e6;text-align:center;font-family:"Press Start 2P",cursive;margin:1.5em 0 0;font-size:2em;line-height:1.2em;text-shadow:1px -1px 0 hsla(0,0%,100%,.5),3px 1px 3px #ff4ab4,-3px -2px 3px #00e6fe,1px -2px 0 hsla(0,0%,100%,.8)}#title-icon{font-size:1.5em;padding-bottom:.2em;vertical-align:middle}#wrapper{margin:2em;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}#wrapper.slideOut-true{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}#wrapper.slideOut-false{-webkit-transform:translateZ(0);transform:translateZ(0)}.pokeCard{border:1px solid #add8e6;width:10em;margin:1em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;border-radius:10px;transition:all .2s ease-in-out;cursor:pointer;color:#000;text-transform:capitalize;font-family:"Russo One",sans-serif;box-shadow:1px -1px 0 hsla(0,0%,100%,.5),3px 1px 3px #ff4ab4,-3px -2px 3px #00e6fe,1px -2px 0 hsla(0,0%,100%,.8)}.pokeCard:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.pokeCard img{width:8em;margin:0 auto}.pokeCard span{margin-bottom:.5em}.pokeCard:hover img{-webkit-animation:bounce .4s;animation:bounce .4s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(.5,.05,1,.5);animation-timing-function:cubic-bezier(.5,.05,1,.5);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}.type{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.type span{text-align:center;font-size:.75em;padding:.1em 0;width:40%;border-radius:5px}#pokeInfo-wrapper{position:fixed;width:100%;height:100%;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}#pokeInfo-wrapper.slideOut-true{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}#pokeInfo-wrapper.slideOut-false{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}#returnArrow{position:absolute;top:.25em;left:.25em;font-size:3em;cursor:pointer;color:#000;border-radius:50%;text-align:center}#pokeInfo{max-width:50rem;margin:4.5em 1.5em 2em;padding:1.5em;border-radius:15px;overflow-y:auto;overflow-x:hidden;-webkit-flex-grow:1;flex-grow:1;transition:-webkit-transform 1.6s ease;transition:transform 1.6s ease;transition:transform 1.6s ease,-webkit-transform 1.6s ease;box-shadow:0 5px 15px rgba(0,0,0,.35);font-family:"Monda",sans-serif}#pokeInfo.slideOut-true{-webkit-transform:translateZ(0);transform:translateZ(0)}#pokeInfo.slideOut-false{-webkit-transform:translate3d(0,200vh,0);transform:translate3d(0,200vh,0)}#pokeInfo::-webkit-scrollbar{width:10px}#pokeInfo::-webkit-scrollbar-track{background:none;border-radius:20px}#pokeInfo::-webkit-scrollbar-thumb{background-color:#a3a3a3;border-radius:20px}#pokeInfo-Title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#pokeInfo-Title h1,#pokeInfo-Title h2{margin:0 .5em;font-family:"Russo One",sans-serif;font-weight:400}#pokeInfo-subWrapper{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-justify-content:space-evenly;justify-content:space-evenly}#pokeInfo-imgAndstats{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:.5em;margin:1em 0;min-width:15rem;-webkit-flex:1 1;flex:1 1}#pokeInfo img{width:15rem;margin:0 2em 1em 0}#baseStat{display:block;width:100%}#baseStat h3,#profile-title,#profile-title2,#profile-title3,#profile-title4{text-align:center;margin:1em 0;padding:.3em 0;border-radius:5px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);font-family:"Russo One",sans-serif;font-weight:400}#profile-title3,#profile-title4{margin-right:.5em;margin-left:.5em}#baseStatDiv{text-align:center;margin:.5em 0}#baseStatDiv div{position:relative;border:2px solid #000;width:99%;border-radius:6px}#baseStatDiv div span{display:block;text-align:center;border-radius:5px}#pokeInfo-profile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;text-transform:capitalize;padding:.5em;min-width:15rem;-webkit-flex:1 1;flex:1 1}#pokeInfo-profile #profile-type{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#pokeInfo-profile #profile-type span{font-size:1.2em;padding:.15em .3em;border-radius:5px;margin:0 .5em;width:4.5em;text-align:center;font-family:"Russo One",sans-serif;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}#profile-desc{font-size:1.5em;text-align:center;margin:.5em;text-transform:none}#profile-abilities{font-size:1.25em;font-weight:500;margin:.5em 0;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}#profile-abilities span{margin:0 .4em}#profile-attributes div{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin:.5em 0;font-size:1.25em;font-weight:500;text-align:center}@media(min-width:619px){#profile-abilities{-webkit-flex-direction:column;flex-direction:column}#profile-abilities span{margin-bottom:.4em}#profile-attributes div{-webkit-flex-direction:column;flex-direction:column;margin:0}#profile-attributes div span{margin-bottom:.4em}}@media (max-width:400px){.pokeCard img{width:8em}.pokeCard{font-size:.6em}#pokeInfo-imgAndstats,#pokeInfo-profile{width:50%}#profile-abilities{-webkit-flex-direction:column;flex-direction:column}#profile-abilities span{margin:0 0 .25em}#profile-attributes div{-webkit-flex-direction:column;flex-direction:column;margin:0}#profile-attributes div span{margin-bottom:.25em}}#pokeInfo-prevEvo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:.5em}#pokeInfo-prevEvo h4{margin:0 0 .5em;text-transform:capitalize;font-size:1.2em}#pokeInfo-moves{padding:.5em;text-transform:capitalize}#pokeInfo-moves,#pokeInfo-moves div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#pokeInfo-moves div{margin-bottom:1em}#pokeInfo-moves div h4{margin:0}#loading-pokeInfo-wrapper{height:100%}#loading-app-wrapper,#loading-pokeInfo-wrapper{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#loading-app-wrapper{height:100vh}#loading-img{width:50%;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fire{background-color:#f0802f}.fire-card{background-color:#f0d4c0}.grass{background-color:#78c850}.grass-card{background-color:#b3c7a9}.water{background-color:#6890f0}.water-card{background-color:#ced8f0}.electric{background-color:#f8d02f}.electric-card{background-color:#f7edc5}.psychic{background-color:#f65888}.psychic-card{background-color:#f5ced9}.ice{background-color:#98d8d8}.ice-card{background-color:#c8d9d9}.dragon{background-color:#7038f8}.dragon-card{background-color:#d5c8f7}.dark{background-color:#705848}.dark-card{background-color:#706a66}.fairy{background-color:#ee99ac}.fairy-card{background-color:#edd8dc}.normal{background-color:#a8a878}.normal-card{background-color:#a8a89c}.fighting{background-color:#c03128}.fighting-card{background-color:#bf9c99}.flying{background-color:#a890f0}.flying-card{background-color:#ded8f0}.poison{background-color:#a040a0}.poison-card{background-color:#a189a1}.ground{background-color:#e0c068}.ground-card{background-color:#e0d8c2}.rock{background-color:#b8a038}.rock-card{background-color:#b8b297}.bug{background-color:#a8b820}.bug-card{background-color:#b4b892}.ghost{background-color:#705898}.ghost-card{background-color:#8f8999}.steel{background-color:#b8b8d0}.steel-card{background-color:#cbcbd1}#search{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:60%;margin:1em auto 0;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}#search.slideOut-true{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}#search.slideOut-false{-webkit-transform:translateZ(0);transform:translateZ(0)}.field__input{--uiFieldPlaceholderColor:var(--fieldPlaceholderColor,#add8e6);background-color:transparent;border-radius:0;border:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-size:inherit}.field__input:focus::-webkit-input-placeholder{color:var(--uiFieldPlaceholderColor)}.field__input:focus::-moz-placeholder{color:var(--uiFieldPlaceholderColor)}.field{--uiFieldBorderWidth:var(--fieldBorderWidth,2px);--uiFieldPaddingRight:var(--fieldPaddingRight,1rem);--uiFieldPaddingLeft:var(--fieldPaddingLeft,0);--uiFieldBorderColorActive:var(--fieldBorderColorActive,#add8e6);display:-webkit-inline-flex;display:inline-flex;display:var(--fieldDisplay,inline-flex);position:relative;font-size:1rem;font-size:var(--fieldFontSize,1rem);width:100%}.field__input{box-sizing:border-box;width:100%;width:var(--fieldWidth,100%);height:3rem;height:var(--fieldHeight,3rem);padding:var(--fieldPaddingTop,1.25rem) var(--uiFieldPaddingRight) var(--fieldPaddingBottom,.5rem) var(--uiFieldPaddingLeft);border-bottom:var(--uiFieldBorderWidth) solid var(--fieldBorderColor,#fff);color:#add8e6}.field__input:focus{outline:none}.field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input:focus::-webkit-input-placeholder{opacity:1;transition-delay:.2s}.field__input:focus::-moz-placeholder{opacity:1;transition-delay:.2s}.field__label-wrap{pointer-events:none;cursor:text;top:0;right:0}.field__label-wrap,.field__label-wrap:after{box-sizing:border-box;position:absolute;bottom:0;left:0}.field__label-wrap:after{content:"";width:100%;height:0;opacity:0}.field__input:focus~.field__label-wrap:after{opacity:1}.field__label{position:absolute;top:calc(60% - .5em);color:#fff;line-height:1;font-size:inherit;font-size:var(--fieldHintFontSize,inherit);transition:top .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out,font-size .2s ease-out;will-change:bottom,opacity,font-size}.field__input:not(:-ms-input-placeholder)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);color:#add8e6;top:.25rem;top:var(--fieldHintTopHover,.25rem)}.field__input:focus~.field__label-wrap .field__label,.field__input:not(:placeholder-shown)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);color:#add8e6;top:.25rem;top:var(--fieldHintTopHover,.25rem)}.field_v1 .field__label-wrap:after{border-bottom:var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);transition:opacity .2s ease-out;will-change:opacity}
/*# sourceMappingURL=main.dd1fc483.chunk.css.map */