@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&family=Raleway:wght@500;700&family=Rubik&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}*{margin:0;padding:0;box-sizing:border-box}.bg-white{background-color:#fff}body,html{background-color:#a29bcb}.pokeApp{padding:2%;display:flex;flex-direction:column;justify-content:center}.backgroundContainer{position:absolute;width:100%;height:650px;top:0;left:0;right:0;bottom:0;z-index:0;background-image:url(/static/media/wpkb\ 2.72628683.svg);background-repeat:no-repeat;background-position:100% 0;background-size:600px;opacity:.25}.header,.pokeList{display:flex;flex-direction:column;z-index:2}.header{justify-content:center;padding:0 50px;width:auto}.header,.logo{margin-bottom:20px}.logo{height:auto;width:350px}nav{height:15%;margin:10px 0;display:flex;flex-direction:row;justify-content:space-between}.nav-ul{box-sizing:border-box;justify-content:center;flex-wrap:wrap;background-color:snow;border-radius:20px;padding:20px 35px;width:220px;height:75px;list-style:none}.nav-link,.nav-ul{display:flex;flex-direction:row;align-items:center}.nav-link{text-decoration:none;padding-bottom:21px;border-bottom:4px solid #fff;border-radius:2px;transition:all .2s ease-in;margin-top:4px}@-moz-document url-prefix(){.nav-link{margin-top:4px;padding-bottom:20.5px}}.nav-link:hover{border-bottom:4px solid #382e76;border-radius:2px;align-items:center;z-index:5;transition:all .2s ease-in}.nav-icon{padding-right:5px;max-height:30px;max-width:30px}.searchBarContainer{display:flex;flex-direction:row;align-items:center;align-content:center;flex-wrap:wrap;justify-content:space-between;border-radius:20px;background-color:#fff;width:auto;height:70px;padding:18px 20px}.searchbar-input{border-radius:20px;border:none;padding-left:5px}input[type=text]{box-sizing:border-box;width:225px;transition:width .4s ease-in-out;outline:none}input[type=text]:focus{width:275px}.searchBarContainer img{width:40px;height:40px}.searchbar-input:focus{outline:none}.searchBarButton{height:40px;width:auto;background-color:#fff;border:none;transition:all 75ms ease-in-out}.searchBarButton:hover{cursor:pointer}.searchBarButton:active{-webkit-transform:scale(.9);transform:scale(.9)}@media screen and (max-width:1015px){nav{flex-direction:column;margin:0 auto}.nav-ul{margin-bottom:25px}.nav-link{margin-top:5px;padding-bottom:20px;transition:none}@-moz-document url-prefix(){.nav-link{margin-top:4px;padding-bottom:20.5px}}.searchBarContainer{width:520px}}@media screen and (max-width:650px){.header{align-items:center}.nav-ul{width:400px;height:55px;padding:13px 35px}.nav-link{padding-bottom:13px}@-moz-document url-prefix(){.nav-link{margin-top:4px;padding-bottom:13.5px}}.nav-icon{height:20px;width:auto}.searchBarContainer{width:400px;height:55px}.logo{margin-left:-5px}}@media screen and (max-width:525px){.nav-ul{width:325px;height:45px;margin-bottom:15px;padding:13px 20px}.nav-link{padding-bottom:8px;margin-top:0}.searchBarContainer{width:325px;height:45px;margin-bottom:-12px;flex-wrap:nowrap}.logo{margin-top:15px}.searchBarButton{transition:none}.searchBarContainer img{width:30px;height:30px}.header{padding:0 20px;justify-content:center}}@media screen and (max-width:360px){.logo{height:auto;width:250px}.nav-ul{width:280px;padding:15px}.nav-link{padding-bottom:10px}@-moz-document url-prefix(){.nav-link{padding-bottom:9px}}.nav-icon{height:15px;width:auto}.searchBarContainer{width:280px;height:45px;margin-bottom:-12px;padding:18px 10px}}.filterBar{flex-direction:row;justify-content:space-around;padding:0 50px;margin:25px}.filterBar,.filterBar button{display:flex;align-items:center}.filterBar button{padding:8px 20px;border-radius:20px;outline:none;border:1px solid #ccc;color:#494089;background-color:#fff}.filterBar button:hover{cursor:pointer}.filterBar button img{margin-left:10px}.filterDropDown{width:150px;padding:0 8px}@media screen and (max-width:1015px){.filterBar{flex-wrap:wrap;justify-content:center;margin-top:0;padding:0 20px}.filterBar button{width:120px;justify-content:space-between;margin:8px;padding:8px 5px 8px 12px}.filterDropDown{width:135px;padding:0 8px;margin:8px 0}}@media screen and (max-width:525px){.filterBar{padding:0;margin-bottom:10px}.filterBar button{width:110px}.filterDropDown{width:125px}}.card-container{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.card{width:350px;height:250px;background-color:#f7f7f7;border-radius:40px;margin:25px;box-shadow:2px 7px 4px 0 rgba(75,75,75,.45);position:relative;top:0;cursor:pointer;transition:all .4s ease}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card ul{list-style:none;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:10px 0}.sprite{width:160px;height:auto}.type-container{margin:10px}.type-tag{border-radius:5px;padding:3px 10px;margin:0 8px}.searchedCard{margin:0 auto}@media screen and (max-width:833px){.card{width:310px;height:250px;margin:15px 10px}}@media screen and (max-width:414px){.card{width:325px;height:250px;margin:15px 10px}}.ReactModal__Overlay{z-index:100;background:rgba(0,0,0,.15)!important}.modalWindow{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%,-15%);transform:translate(-50%,-15%);z-index:100;outline:none}.backgroundModalWrapper,.modalWindow{width:900px;height:550px;border-radius:25px}.backgroundModalWrapper{z-index:1;background:url(/static/media/pokeballBG.908d7ae8.svg) no-repeat;background-position:98% 2%}.modalDetailsTop{display:flex;height:250px;padding:25px;justify-content:space-between}.spriteWrapper{margin:-15px}.spriteWrapper img{height:250px;width:250px}.modalCloseButton{background-size:contain;z-index:2}.modalCloseButton button{background:transparent;border:none;opacity:.7}.modalCloseButton button img{width:35px;height:35px;cursor:pointer}.modalDetailsBottom{box-sizing:border-box;height:400px;width:100%;background-color:#fff;border-radius:25px;position:absolute;box-shadow:0 10px 15px #555;padding:10px 25px 30px}.nameContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10px}.nameContainer img{width:30px;height:30px}.nameSpeakerContainer{display:flex;justify-content:center}.nameContainer button{background:transparent;border:none;cursor:pointer}.modalPokeName{margin:10px;text-transform:uppercase}.modalTabBar{padding:10px;margin:10px}.MuiBox-root{margin:0 auto!important}.MuiTabs-scroller{margin-bottom:10px!important;margin-top:0!important}.MuiTabs-indicator{height:4px!important}.spriteContainer{display:flex;margin:25px;align-items:center;justify-content:safe center;overflow-wrap:inherit}.evolution-sprites{width:175px;height:175px;margin:0 auto}.evolutionImg{width:45px;height:45px;margin:25px}.moves-panel{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding-left:25px;padding-right:25px}.moves-panel ul{list-style:none;line-height:2}.movesGraphContainer{width:30%;height:200px;margin:35px 0;display:flex;flex-direction:column}.moveDescription{margin-top:15px;margin-bottom:20px;margin-left:10px;color:#5c5c5c;width:100%}.graphTitleContent{height:80px}.iconTitleContainer{display:flex;align-items:center;justify-content:flex-start;margin:0 0 8px}.iconTitleContainer img{margin-right:12px;height:30px;width:auto}.graph-container{width:90%;height:100%;margin:25px auto 0}.aboutWrapper{display:flex;justify-content:space-evenly;align-items:center;height:200px;margin-top:25px}.aboutLeftContainer{width:33%;display:flex;justify-content:center;align-items:center}.aboutRightContainer{display:flex;height:150px}.categoryContainer,.valueContainer{display:flex;flex-direction:column;justify-content:space-between}.aboutSpecsLabel{margin-right:15px}@media screen and (max-width:1112px){.evo-stage-names{text-align:center}.modalWindow{top:30%;left:50%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%)}}@media screen and (max-width:834px){.backgroundModalWrapper,.modalWindow{width:725px;height:450px}.modalWindow{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modalDetailsTop{height:200px}.spriteWrapper img{height:200px;width:200px}.modalDetailsBottom{height:375px}.aboutWrapper,.graph-container,.moves-panel,.spriteContainer{height:200px;margin-top:10px}.movesGraphContainer{margin-top:10px}}@media screen and (max-width:414px){.evo-stage-names{text-align:center}.backgroundModalWrapper{width:350px;height:620px;background-size:200px auto}.modalWindow{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;min-height:650px}.modalDetailsBottom{min-height:475px;max-height:auto;display:flex;flex-direction:column;padding:10px 15px 30px}.MuiTab-root{padding:0 5px!important}.aboutWrapper,.graph-container,.moves-panel,.spriteContainer{display:flex;box-sizing:content-box;flex-direction:column;min-height:225px;width:auto;padding-bottom:25px}.aboutWrapper{overflow-y:auto;margin-top:10px;padding-bottom:20px;display:flex;flex-direction:column;justify-content:flex-start}.aboutLeftContainer{width:90%;margin-top:10px;margin-bottom:30px;text-align:center}.aboutRightContainer{width:90%;min-height:100px;justify-content:center;align-items:flex-start;margin:0 auto}.aboutRightContainer *{margin:3px 5px}.graph-container{margin-top:20px;padding-right:20px;padding-left:0}.spriteContainer{display:flex;flex-direction:column;justify-content:space-between;min-height:225px;margin-top:20px;overflow-x:hidden!important;overflow-y:auto!important}.evolutionImg{margin:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.moves-panel{display:flex;flex-direction:row;flex-wrap:wrap;overflow-x:hidden;overflow-y:scroll;margin-top:20px}.movesGraphContainer{width:100%;margin:20px auto}}.evo-stage-names{text-align:center}@media screen and (max-width:375px){.evo-stage-names{text-align:center}.backgroundModalWrapper{min-height:550px}.modalWindow{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modalDetailsBottom{min-height:425px}.moves-panel,.spriteContainer{padding-bottom:10px}}@media screen and (max-width:667px){.evo-stage-names{text-align:center}.modalWindow{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}a{color:#494089}.nav-link{font-size:1.2rem;font-family:"Nunito",sans-serif;font-weight:700}.nav-link:active{color:#a29bcb}.searchbar-input{font-size:1.3rem;font-weight:600}.searchbar-input::-webkit-input-placeholder{font-family:"Nunito",sans-serif;font-weight:600;color:#a29bcb}.searchbar-input:-ms-input-placeholder{font-family:"Nunito",sans-serif;font-weight:600;color:#a29bcb}.searchbar-input::placeholder{font-family:"Nunito",sans-serif;font-weight:600;color:#a29bcb}.filterBar{color:#494089;font-family:"Rubik",sans-serif}.filterBar,.filterBar button{font-size:1.2rem}.card-name{font-family:"Nunito",sans-serif;margin-bottom:10px}.type-tag{font-family:"Rubik",sans-serif;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px}.modalDexNo{font-size:2.5rem;font-weight:600;color:hsla(0,0%,100%,.7)}.modalPokeName{font-size:1.7rem;font-family:"Rubik",sans-serif}.aboutLeftContainer{font-family:"Raleway",sans-serif;line-height:27px;font-size:1.2rem}.aboutSpecsLabel{font-weight:700;letter-spacing:.7px}.aboutSpecsLabel,.aboutTabValue{font-family:"Raleway",sans-serif}.aboutTabValue{text-transform:capitalize}.graphTitleContent{font-family:"Raleway",sans-serif}.moveDescription{font-size:.9rem}.iconTitleContainer{font-size:1.25rem;font-weight:600}.MuiTab-root{font-family:"Raleway",sans-serif!important;font-size:1.3rem!important;font-weight:900;text-transform:none!important}.MuiTab-root.Mui-selected{color:#000!important;font-weight:900!important}.evo-stage-names{font-weight:600}@media screen and (max-width:650px){.nav-link{font-size:.9rem}}@media screen and (max-width:414px){.modalPokeName{font-size:1.5rem}.MuiTab-root{font-size:.9rem!important;font-weight:900}.modalDexNo{font-size:1.6rem}}@media screen and (max-width:525px){.nav-link{font-size:.75rem}.searchbar-input{font-size:.9rem}.filterBar,.filterBar button{font-size:.85rem}}.spinner-wrapper{background:rgba(0,0,0,.25);width:100%;height:100%;margin:0 auto;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center}.ball-spin{width:80px;height:80px;margin:0 auto;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:550px){.backgroundContainer{background-size:375px}}@media screen and (max-width:375px){.backgroundContainer{background-size:300px}}
/*# sourceMappingURL=main.25477b9a.chunk.css.map */