/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[3]!./src/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}body,html{background-color:#fff}.main-container{margin:0;padding:0;width:100%;height:100%;position:relative;overflow:hidden}.extra-info{padding:10px;margin:5px;border:1px solid #000;border-radius:10px;display:inline-block;font-family:'Lato', sans-serif;font-size:14px;color:#000}.active-types-container{margin:10px;padding:20px;border:5px solid limegreen;border-radius:80px;width:290px;height:170px}.active-types-container.inverse{border-color:darkred}.active-types-container .active-type{display:inline-block;margin:10px}.all-types-container{margin:10px;padding:20px;border:5px solid dodgerblue;border-radius:80px;width:1130px;min-height:290px}.all-types-container .type{display:inline-block;margin:10px}.icon{border-radius:100%;height:100px;width:100px;margin:auto;transition:filter 200ms, transform 200ms;border:5px solid #fff;cursor:pointer}.icon.x0{border-color:#000}.icon.x0_25{border-color:red}.icon.x0_5{border-color:orange}.icon.x1{border-color:#fff}.icon.x2{border-color:dodgerblue}.icon.x4{border-color:#0f0}.icon:hover{filter:saturate(200%);transform:scale(1.1)}.icon span{height:60%;width:60%;margin:20%;display:block}.icon-bug{background-image:url(/204df919b74456c6dc72.svg)}.icon-dark{background-image:url(/e4bfc8042f78bfccaf4b.svg)}.icon-dragon{background-image:url(/ab47fbd4f25210b9946b.svg)}.icon-electric{background-image:url(/1af845386d0772e17be8.svg)}.icon-fire{background-image:url(/8468dfdbad1f273a18de.svg)}.icon-fairy{background-image:url(/feadb7aae2de35177112.svg)}.icon-fighting{background-image:url(/63ab7fde9ffb48bfea8f.svg)}.icon-flying{background-image:url(/1e8f603fe79c270ba9c5.svg)}.icon-ghost{background-image:url(/c93b2bf9b69da894bcde.svg)}.icon-grass{background-image:url(/e09623e3345d5bf5286f.svg)}.icon-ground{background-image:url(/28ba6308c2b6dbb91f38.svg)}.icon-ice{background-image:url(/c49a8fd7dff7411cbca5.svg)}.icon-normal{background-image:url(/11e48ff0ab14bc022cc6.svg)}.icon-poison{background-image:url(/b91d9ef1cf5ac1c15142.svg)}.icon-psychic{background-image:url(/c72c3e5b2441b6e9e283.svg)}.icon-rock{background-image:url(/09275d94b59c5aa9ed34.svg)}.icon-steel{background-image:url(/5d96c150c9ae13fc0d21.svg)}.icon-water{background-image:url(/ff3c8bad3cd1c796a892.svg)}.icon-element{background-size:100% 100%}.bug{background:#92bc2c;box-shadow:0 0 20px #92bc2c}.dark{background:#595761;box-shadow:0 0 20px #595761}.dragon{background:#0c69c8;box-shadow:0 0 20px #0c69c8}.electric{background:#f2d94e;box-shadow:0 0 20px #f2d94e}.fire{background:#fba54c;box-shadow:0 0 20px #fba54c}.fairy{background:#ee90e6;box-shadow:0 0 20px #ee90e6}.fighting{background:#d3425f;box-shadow:0 0 20px #d3425f}.flying{background:#a1bbec;box-shadow:0 0 20px #a1bbec}.ghost{background:#5f6dbc;box-shadow:0 0 20px #5f6dbc}.grass{background:#5fbd58;box-shadow:0 0 20px #5fbd58}.ground{background:#da7c4d;box-shadow:0 0 20px #da7c4d}.ice{background:#75d0c1;box-shadow:0 0 20px #75d0c1}.normal{background:#a0a29f;box-shadow:0 0 20px #a0a29f}.poison{background:#b763cf;box-shadow:0 0 20px #b763cf}.psychic{background:#fa8581;box-shadow:0 0 20px #fa8581}.rock{background:#c9bb8a;box-shadow:0 0 20px #c9bb8a}.steel{background:#5695a3;box-shadow:0 0 20px #5695a3}.water{background:#539ddf;box-shadow:0 0 20px #539ddf}@media screen and (min-width: 1150px) and (min-height: 500px){.all-types-container{width:1130px;min-height:290px}.active-types-container{width:290px;height:170px}.active-types-container.inverse{width:170px}.active-types-container,.all-types-container{border-radius:85px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:100px;height:100px}}@media screen and (min-width: 790px) and (min-height: 620px) and (max-width: 1149px){.all-types-container{width:770px;min-height:290px}.active-types-container{width:290px;height:170px}.active-types-container.inverse{width:170px}.active-types-container,.all-types-container{border-radius:85px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:100px;height:100px}}@media screen and (min-width: 430px) and (min-height: 980px) and (max-width: 789px){.all-types-container{width:410px;min-height:290px}.active-types-container{width:290px;height:170px}.active-types-container.inverse{width:170px}.active-types-container,.all-types-container{border-radius:85px;padding:20px;margin-left:auto;margin-right:auto}.icon{width:100px;height:100px}}@media screen and (min-width: 970px) and (min-height: 440px) and (max-width: 1149px) and (max-height: 619px){.all-types-container{width:950px;min-height:250px}.active-types-container{width:250px;height:150px}.active-types-container.inverse{width:150px}.active-types-container,.all-types-container{border-radius:75px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:80px;height:80px}}@media screen and (min-width: 670px) and (min-height: 540px) and (max-width: 789px) and (max-height: 979px){.all-types-container{width:650px;min-height:250px}.active-types-container{width:250px;height:150px}.active-types-container.inverse{width:150px}.active-types-container,.all-types-container{border-radius:75px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:80px;height:80px}}@media screen and (min-width: 370px) and (min-height: 840px) and (max-width: 669px){.all-types-container{width:350px;min-height:250px}.active-types-container{width:250px;height:150px}.active-types-container.inverse{width:150px}.active-types-container,.all-types-container{border-radius:75px;padding:20px;margin-left:auto;margin-right:auto}.icon{width:80px;height:80px}}@media screen and (min-width: 790px) and (min-height: 380px) and (max-height: 499px), screen and (min-width: 790px) and (min-height: 380px) and (max-height: 539px) and (max-width: 969px){.all-types-container{width:770px;min-height:210px}.active-types-container{width:210px;height:130px}.active-types-container.inverse{width:130px}.active-types-container,.all-types-container{border-radius:65px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:60px;height:60px}}@media screen and (min-width: 550px) and (min-height: 460px) and (max-width: 789px) and (max-height: 539px), screen and (min-width: 550px) and (min-height: 460px) and (max-width: 669px){.all-types-container{width:530px;min-height:210px}.active-types-container{width:210px;height:130px}.active-types-container.inverse{width:130px}.active-types-container,.all-types-container{border-radius:65px;padding:20px;margin-left:10px;margin-right:10px}.icon{width:60px;height:60px}}@media screen and (min-width: 310px) and (min-height: 700px) and (max-width: 549px) and (max-height: 839px), screen and (min-width: 310px) and (min-height: 700px) and (max-width: 369px){.all-types-container{width:290px;min-height:210px}.active-types-container{width:210px;height:130px}.active-types-container.inverse{width:130px}.active-types-container,.all-types-container{border-radius:65px;padding:20px;margin-left:auto;margin-right:auto}.icon{width:60px;height:60px}}@media screen and (min-width: 590px) and (min-height: 280px) and (max-height: 379px), screen and (min-width: 590px) and (min-height: 280px) and (max-width: 789px) and (max-height: 459px){.all-types-container{width:570px;min-height:150px}.active-types-container{width:150px;height:90px}.active-types-container.inverse{width:90px}.active-types-container,.all-types-container{border-radius:45px;padding:10px;margin-left:10px;margin-right:10px}.icon{width:40px;height:40px}}@media screen and (min-width: 410px) and (min-height: 340px) and (max-width: 589px) and (max-height: 459px), screen and (min-width: 410px) and (min-height: 340px) and (max-width: 549px) and (max-height: 699px){.all-types-container{width:390px;min-height:150px}.active-types-container{width:150px;height:90px}.active-types-container.inverse{width:90px}.active-types-container,.all-types-container{border-radius:45px;padding:10px;margin-left:10px;margin-right:10px}.icon{width:40px;height:40px}}@media screen and (min-width: 230px) and (min-height: 520px) and (max-width: 409px) and (max-height: 699px), screen and (min-width: 230px) and (min-height: 520px) and (max-width: 309px){.all-types-container{width:210px;min-height:150px}.active-types-container{width:150px;height:90px}.active-types-container.inverse{width:90px}.active-types-container,.all-types-container{border-radius:45px;padding:10px;margin-left:auto;margin-right:auto}.icon{width:40px;height:40px}}@media screen and (min-width: 500px) and (min-height: 250px) and (max-height: 339px) and (max-width: 589px), screen and (min-width: 500px) and (min-height: 250px) and (max-height: 279px){.all-types-container{width:480px;min-height:130px}.all-types-container .type{margin:7px}.active-types-container{width:130px;height:80px}.active-types-container.inverse{width:80px}.active-types-container .active-type{margin:7px}.active-types-container,.all-types-container{border-radius:40px;padding:10px;margin-left:10px;margin-right:10px}.icon{width:36px;height:36px}}@media screen and (min-width: 350px) and (min-height: 300px) and (max-width: 409px) and (max-height: 519px){.all-types-container{width:330px;min-height:130px}.all-types-container .type{margin:7px}.active-types-container{width:130px;height:80px}.active-types-container.inverse{width:80px}.active-types-container .active-type{margin:7px}.active-types-container,.all-types-container{border-radius:40px;padding:10px;margin-left:10px;margin-right:10px}.icon{width:36px;height:36px}}@media screen and (min-width: 200px) and (min-height: 450px) and (max-width: 349px) and (max-height: 519px){.all-types-container{width:180px;min-height:130px}.all-types-container .type{margin:7px}.active-types-container{width:130px;height:80px}.active-types-container.inverse{width:80px}.active-types-container .active-type{margin:7px}.active-types-container,.all-types-container{border-radius:40px;padding:10px;margin-left:auto;margin-right:auto}.icon{width:36px;height:36px}}@media (prefers-color-scheme: dark){body,html{background-color:#181A1F}.extra-info{border-color:#fff;color:#fff}}


/*# sourceMappingURL=index.css.map*/