body,h1,h2,html,p{margin:0;padding:0;font-family:"Courier New",Courier,monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}body,html{width:100%;font-size:10px}ul{list-style-type:none}a{text-decoration:none}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pokeballUpper{0%{top:22%;-webkit-transform:translateX(50%) rotate(0);transform:translateX(50%) rotate(0)}to{top:.1%;-webkit-transform:translateX(50%) rotate(-10deg);transform:translateX(50%) rotate(-10deg)}}@keyframes pokeballUpper{0%{top:22%;-webkit-transform:translateX(50%) rotate(0);transform:translateX(50%) rotate(0)}to{top:.1%;-webkit-transform:translateX(50%) rotate(-10deg);transform:translateX(50%) rotate(-10deg)}}@-webkit-keyframes pokeballUpperSP{0%{left:30%;-webkit-transform:rotate(0);transform:rotate(0)}to{left:0;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}}@keyframes pokeballUpperSP{0%{left:30%;-webkit-transform:rotate(0);transform:rotate(0)}to{left:0;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}}@-webkit-keyframes pokeBallLower{0%{bottom:25%}to{bottom:.1%}}@keyframes pokeBallLower{0%{bottom:25%}to{bottom:.1%}}@-webkit-keyframes pokeBallLowerSP{0%{right:30%;-webkit-transform:rotate(0);transform:rotate(0)}to{right:0;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}}@keyframes pokeBallLowerSP{0%{right:30%;-webkit-transform:rotate(0);transform:rotate(0)}to{right:0;-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}}@-webkit-keyframes pokemonShow{0%{opacity:0}to{opacity:1}}@keyframes pokemonShow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pokeball{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pokeball{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.overflowHidden{overflow-y:hidden}.sp-only{display:none}@media screen and (max-width:640px){.sp-only{display:block}}.sp-none{display:block}@media screen and (max-width:640px){.sp-none{display:none}}.search-sp--flex{display:flex;align-items:center;justify-content:space-between;width:100%}.pokeball{width:80px;height:auto;-webkit-animation:pokeball 3s linear infinite;animation:pokeball 3s linear infinite}.web-loader{width:100vw;height:100vh;position:fixed;top:0;left:0;right:auto;bottom:auto;z-index:10;background-color:#2c1f42;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .3s ease}.web-loader img{margin-bottom:10px}.web-loader--done{opacity:0;visibility:hidden}.text{font-size:1.4rem;color:#fff;line-height:1.6;-webkit-transform:all .2s ease;transform:all .2s ease}.text--12{font-size:1.2rem}.text--20{font-size:2rem;text-shadow:1px 0 14px #5f25ff}@media screen and (max-width:640px){.text--20{font-size:1.5rem}}.text--25{font-size:2.5rem}@media screen and (max-width:640px){.text--25{font-size:1.8rem}}.text--30{font-size:3rem}.text--white{color:#fff;text-shadow:1px 0 10px rgba(255,184,217,.6)}.text--yellow{color:#ffcc3f;text-shadow:1px 0 14px #5f25ff}.text--intro-hide{max-height:0;opacity:0}.text--mb20{margin-bottom:20px}.text--mb50{margin-bottom:50px}.text--mb100{margin-bottom:100px}a.text--white:hover{text-shadow:1px 0 10px #fff347}.logo{width:80%;transition:all 50ms ease}.logo--hide{opacity:0;max-height:0}.loader{width:50px;height:50px;border-radius:100%;border:3px solid #211a2e;position:relative}.loader--remove{display:none}.loader:before{content:"";position:absolute;left:-3px;top:-3px;right:auto;bottom:auto;width:100%;height:100%;border-radius:100%;border:3px solid transparent;border-top-color:#1af6f6;-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite}.load-more{width:60%;margin:30px 0;padding:20px 0;text-align:center;color:#fff;text-shadow:1px 0 14px #ff4ccf;font-size:2.5rem;background-color:#2c1f42;transition:all .2s ease-in;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden}@media screen and (max-width:1100px){.load-more{width:90%}}.load-more:hover{background-color:#362453}input.pokemon-search{width:80%;margin:15px 0 20px;height:40px;font-size:18px;padding:10px;transition:all .2s ease-in}input.pokemon-search:focus{outline:none;box-shadow:0 0 25px -5px rgba(255,76,207,.6)}body::-webkit-scrollbar{width:1.5em}body::-webkit-scrollbar-track{background-color:#211a2e}body::-webkit-scrollbar-thumb{background-color:#ff0062}.vue-typer .custom.char{color:#fff;font-size:2rem}.pokemon-data__label{color:#ff0062;font-size:2.5rem;text-shadow:1px 0 14px rgba(240,220,230,.4);margin-right:10px}@media screen and (max-width:640px){.pokemon-data__label{font-size:2rem}}.pokemon-data__label--mb25{margin-bottom:25px}.pokemon-data__info,.pokemon-data__info .vue-typer .custom.char{color:#fff;font-size:2.5rem;text-shadow:1px 0 14px #ff4ccf}@media screen and (max-width:640px){.pokemon-data__info,.pokemon-data__info .vue-typer .custom.char{font-size:2rem}}.pokemon-data__info span{font-size:3rem}.pokemon-data{width:59%;height:100%;overflow-y:auto;padding:0 15px 0 0}@media screen and (max-width:1100px){.pokemon-data{width:100%}}.pokemon-data::-webkit-scrollbar{width:1.5em}@media screen and (max-width:1100px){.pokemon-data::-webkit-scrollbar{width:1em}}.pokemon-data::-webkit-scrollbar-track{background-color:#211a2e}.pokemon-data::-webkit-scrollbar-thumb{background-color:#ff0062}.pokemon-data__title{font-size:8rem;color:#ffcc3f;text-shadow:1px 0 14px #da73a6;margin-bottom:50px}@media screen and (max-width:1100px){.pokemon-data__title{font-size:6rem;margin-bottom:20px}}@media screen and (max-width:640px){.pokemon-data__title{font-size:4rem;text-shadow:1px 0 10px #da73a6}}.pokemon-data__subtitle{font-size:4rem;color:#ffcc3f;text-shadow:1px 0 14px #ff4ccf;margin:60px 0 40px}@media screen and (max-width:1100px){.pokemon-data__subtitle{font-size:3rem;margin:30px 0}}.pokemon-data-ability{margin-bottom:50px}@media screen and (max-width:1100px){.pokemon-data-ability{margin-bottom:30px}}.pokemon-data-row{display:flex;letter-spacing:2px;margin-bottom:15px}@media screen and (max-width:640px){.pokemon-data-row{flex-direction:column}}.pokemon-data-row--name .pokemon-data__info .vue-typer .custom.char{font-size:4rem}@media screen and (max-width:1100px){.pokemon-data-row--name .pokemon-data__info .vue-typer .custom.char{font-size:3rem}}@media screen and (max-width:640px){.pokemon-data-row--name .pokemon-data__info .vue-typer .custom.char{font-size:2rem}}.pokemon-data-row--name .pokemon-data__label{font-size:4rem}@media screen and (max-width:1100px){.pokemon-data-row--name .pokemon-data__label{font-size:3rem}}@media screen and (max-width:640px){.pokemon-data-row--name .pokemon-data__label{font-size:2rem}}.pokemon-data .text{color:#fff!important}.pokemon-data-holder{width:100vw;height:100vh;background-color:rgba(31,23,27,.8);position:fixed;left:0;top:0;right:auto;bottom:auto;z-index:5;display:none}@media screen and (max-width:640px){.pokemon-data-holder{background-color:rgba(31,23,27,.9)}}.pokemon-data-holder--active{display:block}.pokemon-data-container{width:100%;height:100%;position:relative;display:flex;padding:50px}@media screen and (max-width:1100px){.pokemon-data-container{position:relative;flex-direction:column;align-items:center}}@media screen and (max-width:640px){.pokemon-data-container{padding:20px}}.pokemon-data-image{position:absolute;left:auto;top:22%;bottom:0;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:60%;height:auto;z-index:2;-webkit-animation:pokeballUpper .3s ease-in forwards;animation:pokeballUpper .3s ease-in forwards}@media screen and (max-width:1100px){.pokemon-data-image{top:0;bottom:auto;left:0;right:auto;width:20vw;-webkit-animation:pokeballUpperSP .5s ease-in forwards;animation:pokeballUpperSP .5s ease-in forwards}}.pokemon-data-image--bottom{top:auto;bottom:25%;z-index:1;-webkit-animation:pokeBallLower .3s ease-in forwards;animation:pokeBallLower .3s ease-in forwards}@media screen and (max-width:1100px){.pokemon-data-image--bottom{top:auto;bottom:5vw;right:0;left:auto;-webkit-animation:pokeBallLowerSP .3s ease-in forwards;animation:pokeBallLowerSP .3s ease-in forwards}}.pokemon-data-image-main{width:40%;height:auto;opacity:0;-webkit-animation:pokemonShow 1s forwards;animation:pokemonShow 1s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}@media screen and (max-width:1100px){.pokemon-data-image-main{width:25vw}}@media screen and (max-width:640px){.pokemon-data-image-main{width:40vw}}.pokemon-data-image-container{width:40%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1100px){.pokemon-data-image-container{width:100%;height:50vw}}.container{background-color:#211a2e;width:100%;height:auto;min-height:100vh;display:flex;justify-content:flex-end;position:relative}@media screen and (max-width:640px){.container{flex-direction:column;justify-items:flex-start}}.left-panel{width:25%;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:35px 5px 35px 20px;position:fixed;left:0;right:auto;top:0;bottom:auto;overflow-y:auto}@media screen and (max-width:1100px){.left-panel{width:35%}}@media screen and (max-width:640px){.left-panel{position:relative;width:100%;height:auto;padding:25px 5%}}.left-panel--hide{opacity:0;visibility:hidden}.left-panel--fixed{position:fixed;padding:0 3%;z-index:9;background-color:#211a2e;width:100vw;min-width:100vw;height:80px}.left-panel--fixed .pokemon-search{width:60%}.left-panel::-webkit-scrollbar{width:1em}.left-panel::-webkit-scrollbar-track{background-color:#211a2e}.left-panel::-webkit-scrollbar-thumb{background-color:#2c1f42}.left-panel img{width:100%;margin-bottom:10px}@media screen and (max-width:640px){.left-panel img{width:70%}}.left-panel .logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;max-height:1000px;transition:all .3s ease-in}.left-panel .logo-container--hide{max-height:0;opacity:0;margin-bottom:0}.left-panel .logo-container .text{text-shadow:1px 0 14px #ff4ccf}.card{width:22%;height:20vw;margin:15px 1%;background-color:#2c1f42;box-shadow:13px 13px 5px -8px rgba(96,157,168,.3);transition:all .2s ease-in;cursor:pointer;position:relative}@media screen and (max-width:1100px){.card{width:47%;margin:15px 1%;height:35vw;box-shadow:13px 13px 5px -8px rgba(80,190,209,.5)}}@media screen and (max-width:640px){.card{height:60vw;box-shadow:10px 10px 5px -8px rgba(80,190,209,.5)}}.card:before{content:"";position:absolute;width:30%;height:5px;background-color:rgba(96,157,168,.3);top:20px;left:auto;bottom:auto;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);transition:all .2s ease}@media screen and (max-width:1100px){.card:before{background-color:rgba(80,190,209,.6);box-shadow:0 0 15px -1px rgba(161,241,255,.6)}}.card:hover{box-shadow:13px 13px 5px -8px rgba(80,190,209,.6)}.card:hover img{opacity:1}.card:hover:before{background-color:rgba(80,190,209,.6);box-shadow:0 0 15px -1px rgba(161,241,255,.6)}.card:nth-of-type(3n+1){box-shadow:13px 13px 5px -8px rgba(168,96,140,.3)}@media screen and (max-width:1100px){.card:nth-of-type(3n+1){box-shadow:13px 13px 5px -8px rgba(168,96,140,.6)}}@media screen and (max-width:640px){.card:nth-of-type(3n+1){box-shadow:10px 10px 5px -8px rgba(168,96,140,.6)}}.card:nth-of-type(3n+1):before{background-color:rgba(168,96,140,.3)}@media screen and (max-width:1100px){.card:nth-of-type(3n+1):before{background-color:rgba(168,96,140,.8);box-shadow:0 0 15px -1px rgba(255,118,202,.8)}}.card:nth-of-type(3n+1):hover{box-shadow:13px 13px 5px -8px rgba(168,96,140,.8)}.card:nth-of-type(3n+1):hover:before{background-color:rgba(168,96,140,.8);box-shadow:0 0 15px -1px rgba(255,118,202,.8)}.card:nth-of-type(5n+1){box-shadow:13px 13px 5px -8px rgba(207,194,118,.3)}@media screen and (max-width:1100px){.card:nth-of-type(5n+1){box-shadow:13px 13px 5px -8px rgba(207,194,118,.6)}}@media screen and (max-width:640px){.card:nth-of-type(5n+1){box-shadow:10px 10px 5px -8px rgba(207,194,118,.6)}}.card:nth-of-type(5n+1):before{background-color:rgba(207,194,118,.3)}@media screen and (max-width:1100px){.card:nth-of-type(5n+1):before{background-color:rgba(207,194,118,.7);box-shadow:0 0 15px -1px rgba(255,240,158,.7)}}.card:nth-of-type(5n+1):hover{box-shadow:13px 13px 5px -8px rgba(207,194,118,.8)}.card:nth-of-type(5n+1):hover:before{background-color:rgba(207,194,118,.7);box-shadow:0 0 15px -1px rgba(255,240,158,.7)}.card div{width:100%;height:100%;display:flex;padding:0 5% 10%;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:640px){.card div{justify-content:flex-end;padding-bottom:7vw}}.card img{width:70%;height:auto;margin-bottom:5px;opacity:.8;transition:all .2s ease-in}.card .text{text-shadow:1px 0 14px #ff4ccf}.card-container{width:75%;height:auto;padding:35px;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:1100px){.card-container{width:65%;padding:25px 0}}@media screen and (max-width:640px){.card-container{width:100%;padding:0 5% 35px}}.card-list{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-items:center}
/*# sourceMappingURL=main.12b425cc.chunk.css.map */