@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,500;1,400;1,500&display=swap";.App{width:100vw;height:100vh}.welcome{max-height:100vh;max-width:100vw;display:flex;align-items:flex-end;flex-direction:column;animation:welcome 1.2s ease-in-out}@keyframes welcome{0%{opacity:0}to{opacity:100}}.welcome-aside{height:45vh;width:36vw;position:absolute;align-items:center;justify-content:flex-end;overflow:hidden}.welcome-aside>img{width:64vw;position:absolute;animation:img-spin 4s infinite linear}a:-webkit-any-link{color:#fff;cursor:pointer;text-decoration:none;font-size:2.4vh}@keyframes img-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-main{height:100vh;width:90vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5vh;align-self:flex-start;margin-left:4vw}.main-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.main-text-title{font-size:2.7vh}.main-text-subtitle{font-size:1rem}.main-form>form{display:flex;flex-direction:column;gap:10px}.main-form-input{height:3.2rem;width:90vw;border:2px solid rgba(0,0,0,.336);border-radius:5px;padding-left:10px;font-size:large}.main-form-button{font-weight:400;color:#faebd7;height:3.2rem;width:6rem;padding:0;border-radius:20px 10rem 10rem 20px;border:none;position:absolute;background-color:#ff0606;transition:.5s}.main-form-button>p{font-size:15px;font-weight:500;margin-right:4px}.main-form-button:hover{cursor:pointer;transform:translate(10%);transition:.8s;background-color:#c01616}.welcome-footer{width:100vw;display:flex;justify-content:center;bottom:0;gap:1vw;position:absolute;margin-bottom:6px}.welcome-footer>a{text-decoration:none;color:#000;font-size:small}.welcome-footer>p{font-size:small}@media screen and (min-width: 320px){.welcome-aside>img{margin-top:0;margin-left:5vw}}@media screen and (min-width: 768px){.welcome{max-height:100vh;max-width:100vw;display:flex;flex-direction:row;box-sizing:border-box}.welcome-aside{height:100vh;width:40vw;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;position:relative}.welcome-aside>img{width:24vw;margin-right:0;transition:.6s}.welcome-aside>img:hover{transform:rotate(360deg);transition:.9s;overflow:hidden}.welcome-main{height:100vh;width:55vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5vh}.main-text{margin-left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.main-text-title{font-size:3.2vh}.main-text-subtitle{font-size:1.2rem}.main-form>form{margin-left:0;display:flex;flex-direction:row;gap:0}.main-form-input{height:8vh;width:24vw;border-radius:0;padding-left:10px;border:none;background-color:#dfdddd;font-size:x-large}.main-form-button{font-weight:400;color:#faebd7;height:8vh;width:16vw;padding:0;border-radius:0 10rem 10rem 0;border:none;position:absolute;background-color:#ff0606;transition:.5s;margin-left:0}.main-form-button>p{font-size:large}.main-form-button:hover{cursor:pointer;transform:translate(10%);transition:.8s;background-color:#c01616}.welcome-footer{width:100vw;display:flex;justify-content:center;bottom:0;gap:1vw;position:absolute;margin-bottom:6px}.welcome-footer>a{text-decoration:none;color:#000;font-size:small}.welcome-footer>p{font-size:small}}@media screen and (min-width: 1020px){.welcome-aside>img{width:20vw;margin-right:0;transition:.6s}.main-form-input{height:8vh;width:20vw;border-radius:0;border:none;padding-left:10px;background-color:#dfdddd;font-size:x-large}.main-form-button{font-weight:400;color:#faebd7;height:8vh;width:12vw;padding:0;border-radius:0 10rem 10rem 0;border:none;position:absolute;background-color:#ff0606;transition:.5s;margin-left:0}.main-form-button>p{font-size:large}}@media screen and (min-width:1080px){.pkm-link{width:25vh;height:25vh;margin-top:2vh}.pokemon-card{box-shadow:#00000029 0 .5px 4px;width:29vh;height:26.5vh;padding-top:2.5vh;overflow:hidden;transition:.6s;transform:rotate(-3deg)}.pkm-name{transform:rotate(3deg);font-weight:600;letter-spacing:1px;display:flex;font-size:1.85vw;justify-content:center;text-transform:capitalize}.pkm-type-container{transform:rotate(3deg);display:flex;justify-content:center}.pkm-type{background-color:#ffffff36;text-transform:capitalize;font-size:small;display:flex;width:9vh;border-radius:10px;justify-content:center}.pkm-image-container{display:flex;justify-content:center}.pkm-image{transform:rotate(3deg);position:absolute;z-index:4;width:15vh}.back-image{margin-bottom:10vh;opacity:60%;z-index:1}.pokemon-card:hover{box-shadow:#00000021 -2px 6px 4px;transform:translate(-2px);transform:translateY(-1px);transition:.6s}}@media screen and (max-width:420px){.pkm-link{width:40vw;height:22.5vh;margin-top:2vh}.pokemon-card{box-shadow:#00000029 0 .5px 4px;width:40vw;height:22.5vh;padding-top:2.5vh;overflow:hidden;transition:.6s;transform:rotate(-3deg)}.pkm-name{transform:rotate(3deg);font-weight:600;letter-spacing:1px;display:flex;font-size:small;justify-content:center;text-transform:capitalize}.pkm-type-container{transform:rotate(3deg);display:flex;justify-content:center}.pkm-type{background-color:#ffffff36;text-transform:capitalize;font-size:smaller;display:flex;width:9vh;border-radius:10px;justify-content:center}.pkm-image-container{overflow:hidden;display:flex;justify-content:center}.pkm-image{transform:rotate(3deg);position:absolute;z-index:4;width:15vh}.back-image{margin-bottom:10vh;opacity:60%;z-index:1}.pokemon-card:hover{box-shadow:#00000021 -2px 6px 4px;transform:translate(-2px);transform:translateY(-1px);transition:.6s}}.loading{position:absolute;z-index:7;height:40vh;width:40vw;display:flex;justify-content:center;align-items:center;background-color:#fff;transition:1.3s ease-in-out}.loading>img{width:20vw;animation:spin 4s infinite linear}@media screen and (max-width: 2560px){.ps{overflow:hidden;display:flex;flex-direction:column}.ps-header{height:10vh;display:flex;align-items:center;padding-left:7vw}.h1-types{margin-top:2vh;width:80vw;font-size:1.2em;font-weight:600}h1{width:80%}.set-btn{font-size:1.5em}.main{width:95vw;height:80vh;display:grid}.card-zone{overflow:hidden;height:50vh;display:flex;padding-right:10vh;width:90vw;padding-bottom:10vh;margin-top:4vh}.pages{height:10vh;z-index:99;width:31vh;padding-left:1.8vh;display:flex;align-items:center;padding-bottom:10vh}.hello{margin-left:7vw}#pages{height:3.3vh;width:6vh;transform:rotate(-5deg);background-color:#00ff2ac7}#pages:hover{transform:scale(1.3)}i:hover{cursor:pointer}footer{height:10vh;display:flex;justify-content:flex-end;align-items:flex-end;padding-right:1.3vw;padding-bottom:1vh}footer>i{font-size:5vh}}@media screen and (max-width: 420px){.pokemonsScreen{display:flex;flex-direction:column}.pokemonsScreen-header{font-size:10px;height:5vh}.header-title{height:5vh;display:block}.title-p{font-weight:550;font-size:3em;padding:0}i{color:#000}.main{width:95vw;height:70vh}.card-zone{overflow:scroll;height:60vh;flex-direction:column;padding-right:10vh;width:100vw;background-color:#ecececc2}.pages{height:10vh;z-index:99;width:50vw;padding-left:1.5vh;display:flex;align-items:flex-end}#pages{height:3.3vh;width:6vh;transform:rotate(-5deg);margin-bottom:25vh;background-color:#59ff75c7}#pages:hover{transform:scale(1.3)}i:hover{cursor:pointer}footer{height:10vh;display:flex;justify-content:flex-end;align-items:flex-end;padding-right:1.3vw;padding-bottom:1vh}footer>i{font-size:5vh}}@media screen and (max-width:420px){.set{padding-top:10vh;width:100vw;height:100vh;position:absolute;background-color:#000000a6;z-index:999;display:flex;justify-content:center;animation:settings .4s ease-in-out;transition:.4s ease-in-out}.set-container{width:70vw;height:65vh;border-radius:3vh;box-shadow:1px #000;display:flex;justify-content:center;flex-direction:column}.set-container-header{height:6%;display:flex;align-items:center;margin-top:2vh;margin-bottom:1vh;height:9vh;color:#fff;background-color:#000;flex-direction:column;justify-content:center;transform:rotate(3deg)}.set-container-header>h4{transform:rotate(-3deg)}.set-container-header>div{transform:rotate(-3deg)}.set-container-body{height:80%;display:flex;justify-content:center}.set-container-footer{height:10%;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:1vh}.footer-button{height:4.3vh;width:22vw;border:none;background-color:#38ff59;box-shadow:1px 1px 5px #0000004d;margin-right:6vw;font-weight:700;font-size:1em;transform:rotate(3deg);color:#000}.footer-button>p{transform:rotate(-3deg)}.types-title{display:flex;justify-content:center;margin-bottom:1vh}.types{display:flex;justify-content:center;padding-bottom:1vh;flex-wrap:wrap;gap:2vw}.types>div{justify-content:center;display:flex;width:26vw;height:4.3vh;color:#fff;font-weight:500;transform:rotate(-3deg);background-color:#dc14a0;box-shadow:1px 1px 5px #0003}}@media screen and (max-width:2560px){.set{padding-top:10vh;width:100vw;height:100vh;position:absolute;background-color:#000000a6;z-index:999;display:flex;justify-content:center;animation:settings .4s ease-in-out;transition:.4s ease-in-out}.set-container{width:70vw;height:65vh;border-radius:3vh;box-shadow:1px #000;display:flex;justify-content:center;flex-direction:column}.set-container-header{height:6%;display:flex;align-items:center;margin-top:2vh;margin-bottom:1vh;height:9vh;color:#fff;background-color:#000;flex-direction:column;justify-content:center;transform:rotate(3deg)}.set-container-header>h4{transform:rotate(-3deg)}.set-container-header>div{transform:rotate(-3deg)}.set-container-body{height:80%;display:flex;justify-content:center}.set-container-footer{height:10%;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:1vh}.footer-button{height:4.3vh;width:22vw;border:none;background-color:#38ff59;box-shadow:1px 1px 5px #0000004d;margin-right:6vw;font-weight:700;font-size:1em;transform:rotate(3deg);color:#000}.footer-button>p{transform:rotate(-3deg)}.footer-button:hover{cursor:pointer;transform:rotate(-3deg)}.types-title{display:flex;justify-content:center;margin-bottom:1vh}.types{display:flex;justify-content:center;padding-bottom:1vh;flex-wrap:wrap;gap:10px}.types>div{justify-content:center;display:flex;width:26vw;height:4.3vh;color:#fff;font-weight:500;transform:rotate(-3deg);background-color:#dc14a0;box-shadow:1px 1px 5px #0003}.types>div:hover{cursor:pointer;transform:rotate(3deg)}}.list{display:none}:root{--pading-top: 5.35714vh;--padding-left: 7.14285vw}.loading{position:absolute;z-index:7;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#fff;transition:1.3s ease-in-out}.loading>img{width:40vw;animation:spin 4s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}.false{transition:.9s ease-in-out;display:none}.pokemonsScreen{transition:2s ease-in-out;height:100vh;animation:pokemons 1.2s ease-in-out}@keyframes pokemons{0%{opacity:0}to{opacity:100}}.pokemonsScreen-header{width:100vw;height:21.4876vh;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;position:relative}.header-arrow{width:50vw;height:10vh;display:flex;padding-top:var(--pading-top);padding-left:var(--padding-left);font-size:x-large}.arrow-btn:hover{cursor:pointer}.menu-btn-btn{background:none;border:none;margin:0;padding:0;font-size:x-large}.header-menu{height:10vh;width:100vw;justify-content:flex-end;display:flex;padding-right:var(--padding-left);font-size:x-large}.menu-btn:hover{cursor:pointer}.header-title{width:100vw;height:15vh;display:flex;align-items:flex-end;padding-left:var(--padding-left);padding-bottom:9.4157vh}.header-title-container{height:2.47933vh;width:90.35714vw;font-size:1.2em;font-weight:600}.header-title-container>p{text-transform:capitalize;position:absolute}.header-logo{height:6vh}.card-zone{width:100vw;display:flex;flex-wrap:wrap;padding-left:var(--padding-left);column-gap:3.21428vw;row-gap:1.4876vh;overflow-y:scroll;height:80vh}.card-zone::-webkit-scrollbar{display:block;width:2px;height:3px}.pages{display:flex;align-items:center;justify-content:space-between;margin-top:1vh}.h1-types:hover{cursor:pointer}.pages>button{background:none;border:none;font-size:x-large;transition:.1s ease-in-out;color:#000}.right{margin-right:5.4vw}.left{margin-left:5.4vw}@media screen and (max-width:2560px){.infoScreen{height:90vh;background-color:#696d6d}.is-header{height:10vh;font-size:2em;display:flex;padding-left:6vw;padding-bottom:1vh;align-items:flex-end;background-color:#fff}}@media screen and (max-width:420px){.infoScreen{height:125vh;overflow-y:hidden}}.grass{background-color:#1a803c}.fire{background-color:#e22e28}.water{background-color:#3879b3}.bug{background-color:#5d6610}.normal{background-color:#858545}.poison{background-color:#8b045e}.electric{background-color:#d8b104}.ground{background-color:#644b06}.fairy{background-color:#272525}.fighting{background-color:#92071a}.psychic{background-color:#0e4353}.rock{background-color:#333}.ghost{background-color:#8d5d1f}@media screen and (min-width:1080px){.infoscreen{padding-top:10vh;display:flex;justify-content:center;align-items:center}.info-header{width:40vh;height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2em}.title-circle{width:40vh;display:flex;justify-content:flex-end}.header-title-container{background-color:#000;height:10vh;color:#fff;transform:rotate(-3deg);width:40vh;display:flex;align-items:center;justify-content:flex-end}.header-title-container>p{transform:rotate(3deg)}.about{height:60vh;width:55vw;margin-left:7vw;display:flex;justify-content:flex-end;background-color:#fff;transform:rotate(-3deg)}.left-side{width:25vw;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;transform:rotate(3deg)}.about-container{display:flex;align-items:center;justify-content:flex-end;width:45vh;height:20vh;gap:20px}.stats-container{height:20vh;width:45vh;display:flex;align-items:center;gap:20px;justify-content:flex-end}.stats-column-one{display:flex;flex-direction:column;gap:15px}.stats-column-two{width:22vw}.right-side{transform:rotate(3deg);display:flex;justify-content:center;align-items:center;width:25vw;filter:drop-shadow(0 0 .85rem rgba(138,138,138,.699))}.photo{width:45vh}}@media screen and (max-width:420px){.infoscreen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:150vh;overflow-x:hidden}.info-header{width:40vh;height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5em}.title-circle{width:40vh;display:flex;justify-content:flex-end}.header-title-container{background-color:#000;height:10vh;color:#fff;transform:rotate(-3deg);width:40vh;display:flex;align-items:center;justify-content:flex-end}.header-title-container>p{transform:rotate(3deg)}.about{height:40vh;width:55vw;display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff;transform:rotate(-3deg)}.left-side{width:70vw;display:flex;position:absolute;margin-bottom:-55vh;justify-content:flex-end;align-items:flex-end;padding-right:2vw;flex-direction:column;transform:rotate(3deg)}.about-container{display:flex;align-items:center;justify-content:flex-end;width:45vh;height:20vh;gap:20px}.stats-container{height:20vh;width:45vh;display:flex;align-items:center;gap:20px;justify-content:flex-end}.stats-column-one{display:flex;flex-direction:column;gap:15px}.stats-column-two{width:59vw}.right-side{transform:rotate(3deg);display:flex;padding-left:22vw;position:absolute;justify-content:center;align-items:center;width:25vw;filter:drop-shadow(0 0 .85rem rgba(138,138,138,.699))}.photo{width:45vh}}*{box-sizing:border-box;margin:0;font-family:Poppins,sans-serif}