@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";.dexScreen{width:100%;height:100%}.welcomeText{font-size:8vw;position:absolute;transform:translate(22vw,33vh);opacity:0;color:#f0f8ff;text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7);animation-name:welcomeAnim;animation-duration:2.5s;animation-delay:3.1s}@keyframes welcomeAnim{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}to{opacity:0}}.dexContent{height:98%;padding-left:6vw;padding-right:6vw;padding-top:5px;padding-bottom:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:min(2vh,18.84px);color:#f0f8ff;position:inherit;opacity:0;animation-name:contentAnim;animation-duration:1.5s;animation-delay:5.6s;animation-fill-mode:forwards}@keyframes contentAnim{to{opacity:1}}.loadingScreen{font-size:3vw;position:absolute;transform:translateY(35vh)}.loadingScreen h1{text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7)}.pokemonEnter{width:100%;height:5%;cursor:pointer;text-align:center;border:1.5px solid #dadada;border-radius:8px;background-color:#f5f5f5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuN4vW9zkAAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAASRkBAOgDAABJGQEA6AMAAFBhaW50Lk5FVCA1LjEuNwADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAADjQAdDcBQndgAABGBJREFUaEPtmE1oJEUUx5/DQJhAjdOT+chW92HxUAdlRPCgC8GbIKyouai3HNysF1eyJ9mLSY7iQVm97BdIjgsaEBY8eMyiB8GALAl1cZXqSjfd0z07BYHJR4+H7d7MPrsn/ZGwWZjf8f+amfp1Vb3uaoAJEyY817yAg6xwzikAzOF8hA3GmMThSZFLIBq0ZVnngiBYpJS+gq+JkFI+KJfLN1qtln0aMpkFOOfUsqzV2dnZS7h2HLZt32y326snKZFagHNOd3d3397b2/uuVqsRXE9Lr9frVyqVK1NTU7+ehEgqAc459X3/M03TruFaXjzP+7per39bVOJYgXDwn2ua9gWuRTiOs+O67joh5J9ms2k5jjOrlDrfaDTmm83mLL4+wvf9rzRNu15E4liBzc3Nhenp6R9wDgAghLhvGMb1pM0ZbXYhxJJhGBdwHQBgMBgsdDqdNZynZawA55z2er3tuDWvlFomhNyOGziGc06VUpcIIau45vv+I03TXk7zO3GUcBARdZu4wQdBcDXt4AEAGGOSEHI7CIKruKZp2ou2bS+Hs5WZRAEAmItrlUqp5VKpdDft4CMYY7JUKt1VSq3gWrvdvnzMwzCRRAHLss7hTAhxP8udx4QzcUsI8Tuuxf1fGmIFOOc0CIJFnBuGUahjQChhGMY3OA+C4JM8yyhWAADm8OuB4zg7ALAxmhVgw3VdezSglHbyLKMkgf/huu560bsfwRiTjuOs4zwPqQWq1erfOCsCIeQhzvKQWkDTNAdnRajX6xbO8pBawPO8Ns6K4Hle4itGFlILKKXO46wIJ/V7qQUajcZ8njYXB+ecNpvNeZznIUlgQ0r5YDQI3yozt7k4Dg8P32o0Gk8tSSnldp42HSvAGJPlcvkGzoUQS0VngXNOd3Z2lnA+HA7v5GnTsQIAAOEZ9ikMw7iglFrMK8E5p/1+/1PDMN7ANV3X/8VZGhIFAGDDtu2bOCSErARB8GFWCc45PTg4+KharX6Ja1LKtTzLB1KeB7ZqtVoV15RSK4SQW2mmPbrzcYPvdrvdmZmZV9P8ThzjZgAYY7JSqVzBOYQzIYT4kXOeOBucc7q1tfWxEOKnuMHD4xNZoQfa2BmAlGdi13Vtx3HWCSEP6/W65Xleu9/vv9RqtT7A3SYO0zQ3dV2/mGcWjhWAU/oqgZFS/kUpfSerxNglFMEYk5qmfT8YDBZ833+E61nodrtd/IyB8HXaNM17ScsxiVQzMArnnNq2vRweAzMhpVyjlF6Dx8vmnq7rr+Frsi6nzAIw8rnEcZzW/v7+5fAwEouUcns4HN4J+/yTzy+cc3oSErkERolkcD5C7DcjOJL4Wdf113Et7Z4oLFCUohKpNvFpwhiTuq6/Z5rmH7hGKe1IKX8Zt7GfuQAcSbxvmuYmrlFKO+EDM1biTAjAkcRF0zT/xDXDMN5M2mdnRgCOJN6Nk0jiTAnAiMTo1zshxG9Jb6vPvAslgdpzYiueMGHCc85/2T8tkhTRzw0AAAAASUVORK5CYII=);background-size:max(25px,1.7vw) auto;background-repeat:no-repeat;background-position:1.1% 50%}.pokemonEnter:focus{border:1.5px solid #acacac;outline:none}.pokemonResult{width:100%;height:90%;display:flex;flex-direction:row}.pokemonData{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3vw;text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7)}.pokemonSprite{width:73%;height:auto;background:radial-gradient(#0df,#00aede);border:5px solid #38e2fc;border-radius:20px;margin-bottom:2vh}.pokemonType{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.typeImg{width:40%;height:auto}.pokemonBio{width:55%;height:100%;padding-top:2px;padding-left:5px;background-color:#01a1f178;border:3px solid #38e2fc;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:min(2vh,18.84px);overflow:auto;font-size:1.3vw;text-shadow:-.03vw -.03vw 0 rgba(0,0,0,.6),.03vw -.03vw 0 rgba(0,0,0,.6),-.03vw .03vw 0 rgba(0,0,0,.6),.03vw .03vw 0 rgba(0,0,0,.6)}::-webkit-scrollbar{width:1vw}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#f0f8ff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#d3dae0}.pokemonStats{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:min(.8vh,4.71px)}.statsRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:min(3vh,28.2578px);gap:.5vw}.statName{width:3vw}.containerStats{background-color:#eaf3fbec;width:80%;height:100%;border:1px solid aliceblue;border-radius:5px;position:relative}.statsBar{position:absolute;background-color:#01f1c9;height:100%;border-radius:5px;transition:width .4s ease-out}.pokemonEvolution{width:100%;text-align:center}.pokemonEvolution h2,.noEvo{margin-bottom:2vh}.evoRow{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.evoItem{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.3vw;margin-right:.3vw}.evoItem p{margin-top:.5vh;margin-bottom:2vh}.evoSprite{background-color:#f0f8ffb5;border:3px solid #38e2fc;border-radius:50px}.downImg{width:min(5vh,47.0938px);height:min(4vh,37.6797px);margin-bottom:2vh}.firstText{height:85%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2vw;text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7)}.notFound{height:85%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2vw}.notFound h1{text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7)}@media(max-width:700px){.notFound{font-size:4vw}.welcomeText{font-size:8vw;position:absolute;transform:translate(25vw,48vh);opacity:0;color:#f0f8ff;text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7);animation-name:welcomeAnim;animation-duration:2.5s;animation-delay:3.1s}.dexContent{opacity:0;height:78%;padding-left:2vw;padding-right:2vw;padding-top:11vh;padding-bottom:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;animation-name:contentAnim;animation-duration:1.5s;animation-delay:5.6s;animation-fill-mode:forwards}.pokemonEnter{background-size:4vw auto}.pokemonResult{height:90%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:scroll;background-color:#01a1f178;border:3px solid #38e2fc;border-radius:8px;padding-top:2vh}.pokemonData{width:75%;font-size:8vw;text-shadow:.08vw .08vw .12vw rgba(0,0,0,.7)}.pokemonBio{width:90%;padding-top:2px;padding-left:5px;background-color:transparent;border:none;border-radius:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3vh;overflow:visible;font-size:2vw;text-align:center}.flavorText,.pokemonBm{font-size:4vw}.pokemonStats{width:100%;gap:1vh;font-size:3vw}.statsRow{width:100%;height:min(3vh,28.2578px);gap:0}.containerStats{margin-left:4vw;margin-right:2vw}.pokemonEvolution h2{font-size:7vw}.noEvo{margin-bottom:2vh;font-size:4vw}.evoItem p{font-size:4vw}.evoSprite{width:20vw;height:auto;border-radius:70px}}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;font-family:Fredoka,sans-serif}.mainScreen{width:100vw;height:100dvh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:60vw;position:relative;overflow:hidden;background-color:#454545}.bodyLeft{width:23vw;height:min(120vh,900px);position:absolute;transform:translate(-100%);z-index:2;animation-name:slideLeft;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0,0,.36,1)}.bodyRight{width:23vw;height:min(120vh,900px);position:absolute;transform:translate(100%);z-index:2;animation-name:slideRight;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0,0,.36,1)}.mainBody{position:absolute;width:40vw;height:min(88vh,658.453px);z-index:1;background:linear-gradient(to bottom,#0df,#01bdf1);border:.5vh solid #4b9cb2;animation-name:openHor;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}@keyframes slideLeft{to{transform:translate(-200%)}}@keyframes slideRight{to{transform:translate(200%)}}@keyframes openHor{to{width:78vw}}@keyframes openVer{to{height:100vh}}@keyframes slideUp700700{to{transform:translateY(-76dvh) rotate(90deg)}}@keyframes slideDown700700{to{transform:translateY(76dvh) rotate(90deg)}}@keyframes slideUp700800{to{transform:translateY(-70dvh) rotate(90deg)}}@keyframes slideDown700800{to{transform:translateY(70dvh) rotate(90deg)}}@keyframes slideUp700900{to{transform:translateY(-67dvh) rotate(90deg)}}@keyframes slideDown700900{to{transform:translateY(67dvh) rotate(90deg)}}@keyframes slideUp600700{to{transform:translateY(-70dvh) rotate(90deg)}}@keyframes slideDown600700{to{transform:translateY(70dvh) rotate(90deg)}}@keyframes slideUp600800{to{transform:translateY(-66dvh) rotate(90deg)}}@keyframes slideDown600800{to{transform:translateY(66dvh) rotate(90deg)}}@keyframes slideUp600900{to{transform:translateY(-63dvh) rotate(90deg)}}@keyframes slideDown600900{to{transform:translateY(63dvh) rotate(90deg)}}@keyframes slideUp500700{to{transform:translateY(-65dvh) rotate(90deg)}}@keyframes slideDown500700{to{transform:translateY(65dvh) rotate(90deg)}}@keyframes slideUp500800{to{transform:translateY(-62dvh) rotate(90deg)}}@keyframes slideDown500800{to{transform:translateY(62dvh) rotate(90deg)}}@keyframes slideUp500900{to{transform:translateY(-60dvh) rotate(90deg)}}@keyframes slideDown500900{to{transform:translateY(60dvh) rotate(90deg)}}@keyframes slideUp400600{to{transform:translateY(-63dvh) rotate(90deg)}}@keyframes slideDown400600{to{transform:translateY(63dvh) rotate(90deg)}}@keyframes slideUp400700{to{transform:translateY(-60dvh) rotate(90deg)}}@keyframes slideDown400700{to{transform:translateY(60dvh) rotate(90deg)}}@keyframes slideUp400800{to{transform:translateY(-57dvh) rotate(90deg)}}@keyframes slideDown400800{to{transform:translateY(57dvh) rotate(90deg)}}@keyframes slideUp400900{to{transform:translateY(-55dvh) rotate(90deg)}}@keyframes slideDown400900{to{transform:translateY(55dvh) rotate(90deg)}}@media(max-width:700px){.bodyLeft{transform:translateY(-70dvh) rotate(90deg);width:auto;height:120vw;position:absolute;z-index:2;animation-name:bruhhh;animation-duration:3s;animation-delay:5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(70dvh) rotate(90deg);width:auto;height:120vw;position:absolute;z-index:2;animation-name:slideLeftMobile}.mainBody{position:absolute;width:85vw;height:80dvh;animation-name:openVer;animation-duration:2.5s;animation-delay:1s;animation-fill-mode:forwards}}@media(max-width:700px)and (min-height:700px){.bodyLeft{transform:translateY(-55dvh) rotate(90deg);animation-name:slideUp700700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(55dvh) rotate(90deg);animation-name:slideDown700700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:700px)and (min-height:800px){.bodyLeft{transform:translateY(-49dvh) rotate(90deg);animation-name:slideUp700800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(49dvh) rotate(90deg);animation-name:slideDown700800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:700px)and (min-height:900px){.bodyLeft{transform:translateY(-46dvh) rotate(90deg);animation-name:slideUp700900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(46dvh) rotate(90deg);animation-name:slideDown700900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:600px)and (min-height:700px){.bodyLeft{transform:translateY(-49dvh) rotate(90deg);animation-name:slideUp600700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(49dvh) rotate(90deg);animation-name:slideDown600700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:600px)and (min-height:800px){.bodyLeft{transform:translateY(-45dvh) rotate(90deg);animation-name:slideUp600800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(45dvh) rotate(90deg);animation-name:slideDown600800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:600px)and (min-height:900px){.bodyLeft{transform:translateY(-42dvh) rotate(90deg);animation-name:slideUp600900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(42dvh) rotate(90deg);animation-name:slideDown600900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:500px)and (min-height:700px){.bodyLeft{transform:translateY(-44dvh) rotate(90deg);animation-name:slideUp500700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(44dvh) rotate(90deg);animation-name:slideDown500700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:500px)and (min-height:800px){.bodyLeft{transform:translateY(-41dvh) rotate(90deg);animation-name:slideUp500800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(41dvh) rotate(90deg);animation-name:slideDown500800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:500px)and (min-height:900px){.bodyLeft{transform:translateY(-39dvh) rotate(90deg);animation-name:slideUp500900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(39dvh) rotate(90deg);animation-name:slideDown500900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:400px)and (min-height:600px){.bodyLeft{transform:translateY(-49dvh) rotate(90deg);animation-name:slideUp400600;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(49dvh) rotate(90deg);animation-name:slideDown400600;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:400px)and (min-height:700px){.bodyLeft{transform:translateY(-39dvh) rotate(90deg);animation-name:slideUp400700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(39dvh) rotate(90deg);animation-name:slideDown400700;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:400px)and (min-height:800px){.bodyLeft{transform:translateY(-36dvh) rotate(90deg);animation-name:slideUp400800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(36dvh) rotate(90deg);animation-name:slideDown400800;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}@media(max-width:400px)and (min-height:900px){.bodyLeft{transform:translateY(-34dvh) rotate(90deg);animation-name:slideUp400900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}.bodyRight{transform:translateY(34dvh) rotate(90deg);animation-name:slideDown400900;animation-duration:1.5s;animation-delay:1.5s;animation-fill-mode:forwards}}
