@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";.title{text-align:center;color:#fff;font-size:11vw;margin-bottom:.1rem}.description{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}@media screen and (max-width: 600px){.description{font-size:1.3rem;margin:1rem 1rem 2.5rem}}@media screen and (min-width: 768px){.description{margin:1rem 1rem 3.2rem}}@media screen and (min-width: 1300px){.description{margin:1rem 1rem 4.2rem}}.login-button{text-align:center;border-radius:1.4rem;color:#3b4cca;background-color:#fff;padding:.9rem 1.2rem;text-decoration:none;font-size:1.3rem}.login-button:hover{background-color:#a2bffe}@media screen and (max-width: 916px){.login-button{font-size:1.2rem;padding:.7rem 1.2rem}}@media screen and (min-width: 768px){.login-button{font-size:2rem;padding:.7rem 1.2rem}}.login-page{margin:auto}.fetch-button-test{width:40%;height:5rem}#footer{width:50%;margin:14rem auto 0;text-align:center}@media screen and (max-width: 1025px) and (max-height: 1369px){.login-page{margin-top:29vh;margin-right:5vw;margin-left:5vw}}@media screen and (min-width: 800px){#footer{margin:4rem auto 0}}@media screen and (min-width: 350px) and (max-width: 370px) and (min-height: 730px) and (max-height: 750px){#footer{margin:9rem auto 0}}@media screen and (min-width: 420px) and (max-width: 440px) and (min-height: 920px) and (max-height: 940px){#footer{margin:17rem auto 0}}@-webkit-keyframes bg-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes bg-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-o-keyframes bg-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bg-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.manrope-800{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.manrope-600{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.manrope-200{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.work-sans-400{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.jetbrains-mono-300{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:300;font-style:normal}.jetbrains-mono-400{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.jetbrains-mono-600,.jetbrains-mono-800{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:600;font-style:normal}body{background:#3b4cca;background:linear-gradient(270deg,#3b4cca,#6d9ed9,#765fe0);background-size:600% 600%;-webkit-animation:bg-gradient 42s ease infinite;-moz-animation:bg-gradient 42s ease infinite;-o-animation:bg-gradient 42s ease infinite;animation:bg-gradient 42s ease infinite;min-height:"100vh"}.flex-row{display:flex;flex-direction:row;justify-content:space-evenly}.flex-col{display:flex;flex-direction:column;justify-content:center}.result{margin:5vw 2vw 0vw;padding-top:0rem}.result-background{background:#3267c2;border-bottom:1.5rem solid white;border-radius:0rem 0rem 1.5rem 1.5rem;padding-bottom:4rem}.result-background-top{border-top:1.5rem solid white;border-radius:1.5rem 1.5rem 0rem 0rem;background:#0c67c2;padding-top:1rem;padding-bottom:3rem}.type{padding-left:2rem;padding-right:2rem;border:solid;border-radius:1rem;letter-spacing:.2rem;text-align:center}.upper-result{margin-top:1.5rem}.bug{background:#87950d;background:radial-gradient(circle,#87950d,#a9b91e)}.dark{background:#3b2d22;background:radial-gradient(circle,#3b2d22,#513c2f)}.dragon{background:#4e3aa3;background:radial-gradient(circle,#4e3aa3,#765fe0)}.electric{background:#e79302;background:radial-gradient(circle,#e79302,#fcc021)}.fairy{background:#e18fe1;background:radial-gradient(circle,#e18fe1,#f6b3f6)}.fighting{background:#5f2311;background:radial-gradient(circle,#5f2311,#82341d)}.fire{background:#c72100;background:radial-gradient(circle,#c72100,#ef420d)}.flying{background:#5c72d4;background:radial-gradient(circle,#5c72d4,#98a9f4)}.ghost{background:#454592;background:radial-gradient(circle,#454592,#5f5fb1)}.grass{background:#2d8400;background:radial-gradient(circle,#2d8400,#69bd2e)}.ground{background:#b39134;background:radial-gradient(circle,#b39134,#d7b65f)}.ice{background:#6dd3f5;background:radial-gradient(circle,#6dd3f5,#a5e7fd)}.normal{background:#ada594;background:radial-gradient(circle,#ada594,#c7c2bb)}.poison{background:#6b236d;background:radial-gradient(circle,#6b236d,#924493)}.psychic{background:#dd3368;background:radial-gradient(circle,#dd3368,#ed4882)}.rock{background:#9d863d;background:radial-gradient(circle,#9d863d,#bba458)}.steel{background:#8e8e9f;background:radial-gradient(circle,#8e8e9f,#b7b7c5)}.water{background:#0c67c2;background:radial-gradient(circle,#0c67c2,#3799fc)}@media screen and (min-width: 900px){.upper-result{padding-bottom:3rem;padding-top:1.3rem}.result-background-top{padding-bottom:2.3rem}.result-background{padding-bottom:5.3rem}}.footer-text{font-size:1.3rem;color:#fff;margin-top:3.6rem;margin-bottom:4rem}.footer-link{color:#add8e6;text-decoration:none}.footer-link:hover{text-decoration:underline}@media screen and (max-width: 600px){.footer-text{font-size:.9rem}}*{color:#fff;text-align:center}#pre-user-pokemon{font-size:2rem}#user-pokemon{font-size:4.4rem;margin-bottom:.2rem}#genera{font-size:2rem;width:70%;margin:0 auto}.type-description{width:40%;margin:0 auto}.type2{margin-top:.6rem}@media screen and (max-width: 830px){#user-pokemon{font-size:1.6rem}}@media screen and (max-width: 600px){#pre-user-pokemon{font-size:1rem}#user-pokemon{font-size:1.5rem}#genera{font-size:1rem}.type2{margin-top:.4rem}.type-description{font-size:.8rem}}@media screen and (max-width: 404px){#pre-user-pokemon{font-size:.9rem}#user-pokemon{font-size:1.4rem}#genera{font-size:.9rem}.type-description{font-size:.6rem}}@media screen and (max-width: 375px){#pre-user-pokemon{font-size:.9rem}#user-pokemon{font-size:1.3rem}#genera{font-size:.9rem}.type-description{font-size:.6rem}}img{width:38vw;height:auto;position:relative;z-index:1}.img-background{position:absolute;height:40vw;width:40vw;z-index:0;background-color:#80808033;border-radius:.8rem}@media screen and (min-width: 1340px){img{width:25vw;height:auto;position:relative;z-index:1}.img-background{position:absolute;height:27vw;width:27vw;z-index:0;background-color:#80808033;border-radius:3rem}}@keyframes slideIn{0%{transform:translate(-10px)}to{transform:translate(0)}}.image-transition{animation:slideIn .5s,fadeIn .5s}.flavor{text-align:center;color:#fff;font-size:1.8rem;width:70%;margin:auto}@media screen and (max-width: 500px){.flavor{color:#fff;font-size:.9rem;margin-top:.8rem}}@media screen and (min-width: 767px){.flavor{color:#fff;font-size:1.7rem;margin-top:2.2rem;margin-bottom:3.2rem}}@media screen and (min-width: 1179px){.flavor{color:#fff;font-size:1.8rem;margin-top:2rem;margin-bottom:3rem}}@media screen and (min-width: 1369px){.flavor{color:#fff;font-size:2rem;margin-top:3.1rem;margin-bottom:2rem}}.progress-bar{width:17rem;height:1.3rem;border-radius:.3rem;background-color:#e6e6e6;margin-bottom:10px}.progress-bar-fill{height:100%;border-radius:.1rem;background-color:green;margin-bottom:10px;transition:width .5s ease-out}.stat{font-size:.8rem;text-align:left}@media screen and (min-width: 767px){.progress-bar{width:40rem;height:2rem}.stat{font-size:1.2rem}}.stats-title{color:#fff;margin-bottom:.4rem;margin-top:2rem;font-size:1.4rem}@media screen and (min-width: 767px){.stats-title{font-size:3.2rem}}@media screen and (min-width: 1023px){.stats-title{margin-top:3rem;margin-bottom:2rem}}.type-insight{width:60%;font-size:.85rem;word-wrap:break-word;white-space:normal;text-align:center;border-top:.2rem solid white;border-bottom:.2rem solid white;border-left:.7rem solid white;border-right:.7rem solid white;border-radius:.7rem;padding:.6rem;margin:1.9rem auto auto}.type-visual{font-size:.9rem;width:30%;text-align:center}@media screen and (min-width: 600px){.type-insight{font-size:1.3rem}}@media screen and (min-width: 1000px){.type-insight{font-size:1.8rem;margin-top:3rem}}.timeframe-button:hover{cursor:pointer}.timeframes{margin-bottom:2rem;font-size:1.3rem}@media screen and (max-width: 600px){.timeframes{font-size:.9rem}}@media screen and (min-width: 820px){.timeframes{font-size:2rem}}.rotate{animation:swing 2s infinite ease-in-out;transform-origin:center}.rotate-container{margin:auto;margin-top:18vh}.loading-text{font-size:2rem}@keyframes swing{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@media screen and (max-width: 500px){.rotate-container{margin:auto;margin-top:30vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-element{animation:fadeIn 1s ease-in-out forwards}.progress-bars{margin:auto}.result-title{text-decoration:none;font-size:2rem;margin-top:1.4rem;display:block;letter-spacing:.1rem}.timeframes{margin-top:1rem}@media screen and (min-width: 760px){.timeframes{margin-top:2rem}.result-title{font-size:5rem;margin-top:2rem}}@media screen and (min-width: 1000px){.timeframes{margin-top:2rem}.result-title{font-size:5rem;margin-top:3rem}}.title-error{text-decoration:none;font-size:2rem;margin-top:1.4rem;margin-bottom:1.4rem;display:block;letter-spacing:.1rem}@media screen and (min-width: 760px){.title-error{font-size:5rem;margin-top:2rem}}@media screen and (min-width: 1000px){.title-error{font-size:5rem;margin-top:3rem}}.title-about{text-decoration:none;font-size:2rem;margin-top:1.4rem;margin-bottom:1.4rem;display:block;letter-spacing:.1rem}.about{font-size:2rem}.heading{text-align:center;font-size:1.2rem}.section{margin-bottom:3rem}.text{font-size:1rem;margin:auto;width:80%}.container{margin:auto;margin-bottom:5rem}@media screen and (min-width: 760px){.title-about{font-size:5rem;margin-top:2rem}}@media screen and (min-width: 1000px){.title-about{font-size:5rem;margin-top:3rem}}