@font-face{font-family:"OpenSans";src:url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype") tech("variations"),url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype-variations"),url("../fonts/OpenSans-Regular.ttf") format("truetype");font-weight:300 800;font-stretch:75% 100%}@font-face{font-family:"TangoSans";src:url("../fonts/TangoSans.ttf") format("truetype");font-weight:normal;font-style:normal}#mainDiv{gap:25px}.sectionWrapper{display:flex;flex-direction:column}.sectionWrapper h1{text-align:center;margin-bottom:10px}.sectionWrapper .sectionGrid{display:grid;grid-template-columns:auto 3fr 1fr;width:1280px;padding:10px;border-radius:10px}.sectionWrapper .sectionGrid .name,.sectionWrapper .sectionGrid .desc,.sectionWrapper .sectionGrid .changes{display:flex;justify-content:center;align-items:center;height:100%;border-right:2px solid #555;border-bottom:2px solid #555}.sectionWrapper .sectionGrid .name:nth-child(-n+3),.sectionWrapper .sectionGrid .desc:nth-child(-n+3),.sectionWrapper .sectionGrid .changes:nth-child(-n+3){border-top:2px solid #555}.sectionWrapper .sectionGrid .name:nth-child(3n+1),.sectionWrapper .sectionGrid .desc:nth-child(3n+1),.sectionWrapper .sectionGrid .changes:nth-child(3n+1){border-left:2px solid #555}.sectionWrapper .sectionGrid .name.topLeft,.sectionWrapper .sectionGrid .desc.topLeft,.sectionWrapper .sectionGrid .changes.topLeft{border-top-left-radius:10px}.sectionWrapper .sectionGrid .name.topRight,.sectionWrapper .sectionGrid .desc.topRight,.sectionWrapper .sectionGrid .changes.topRight{border-top-right-radius:10px}.sectionWrapper .sectionGrid .name.botLeft,.sectionWrapper .sectionGrid .desc.botLeft,.sectionWrapper .sectionGrid .changes.botLeft{border-bottom-left-radius:10px}.sectionWrapper .sectionGrid .name.botRight,.sectionWrapper .sectionGrid .desc.botRight,.sectionWrapper .sectionGrid .changes.botRight{border-bottom-right-radius:10px}.sectionWrapper .sectionGrid .name p,.sectionWrapper .sectionGrid .desc p,.sectionWrapper .sectionGrid .changes p{text-align:center}.sectionWrapper .sectionGrid .name p::highlight(Number),.sectionWrapper .sectionGrid .desc p::highlight(Number),.sectionWrapper .sectionGrid .changes p::highlight(Number){color:hsl(200,75%,60%)}.sectionWrapper .sectionGrid .name p::highlight(Normal),.sectionWrapper .sectionGrid .desc p::highlight(Normal),.sectionWrapper .sectionGrid .changes p::highlight(Normal){color:var(--typeNormal)}.sectionWrapper .sectionGrid .name p::highlight(Fire),.sectionWrapper .sectionGrid .desc p::highlight(Fire),.sectionWrapper .sectionGrid .changes p::highlight(Fire){color:var(--typeFire)}.sectionWrapper .sectionGrid .name p::highlight(Water),.sectionWrapper .sectionGrid .desc p::highlight(Water),.sectionWrapper .sectionGrid .changes p::highlight(Water){color:var(--typeWater)}.sectionWrapper .sectionGrid .name p::highlight(Electric),.sectionWrapper .sectionGrid .desc p::highlight(Electric),.sectionWrapper .sectionGrid .changes p::highlight(Electric){color:var(--typeElectric)}.sectionWrapper .sectionGrid .name p::highlight(Grass),.sectionWrapper .sectionGrid .desc p::highlight(Grass),.sectionWrapper .sectionGrid .changes p::highlight(Grass){color:var(--typeGrass)}.sectionWrapper .sectionGrid .name p::highlight(Ice),.sectionWrapper .sectionGrid .desc p::highlight(Ice),.sectionWrapper .sectionGrid .changes p::highlight(Ice){color:var(--typeIce)}.sectionWrapper .sectionGrid .name p::highlight(Fighting),.sectionWrapper .sectionGrid .desc p::highlight(Fighting),.sectionWrapper .sectionGrid .changes p::highlight(Fighting){color:var(--typeFighting)}.sectionWrapper .sectionGrid .name p::highlight(Poison),.sectionWrapper .sectionGrid .desc p::highlight(Poison),.sectionWrapper .sectionGrid .changes p::highlight(Poison){color:var(--typePoison)}.sectionWrapper .sectionGrid .name p::highlight(Ground),.sectionWrapper .sectionGrid .desc p::highlight(Ground),.sectionWrapper .sectionGrid .changes p::highlight(Ground){color:var(--typeGround)}.sectionWrapper .sectionGrid .name p::highlight(Flying),.sectionWrapper .sectionGrid .desc p::highlight(Flying),.sectionWrapper .sectionGrid .changes p::highlight(Flying){color:var(--typeFlying)}.sectionWrapper .sectionGrid .name p::highlight(Psychic),.sectionWrapper .sectionGrid .desc p::highlight(Psychic),.sectionWrapper .sectionGrid .changes p::highlight(Psychic){color:var(--typePsychic)}.sectionWrapper .sectionGrid .name p::highlight(Bug),.sectionWrapper .sectionGrid .desc p::highlight(Bug),.sectionWrapper .sectionGrid .changes p::highlight(Bug){color:var(--typeBug)}.sectionWrapper .sectionGrid .name p::highlight(Rock),.sectionWrapper .sectionGrid .desc p::highlight(Rock),.sectionWrapper .sectionGrid .changes p::highlight(Rock){color:var(--typeRock)}.sectionWrapper .sectionGrid .name p::highlight(Ghost),.sectionWrapper .sectionGrid .desc p::highlight(Ghost),.sectionWrapper .sectionGrid .changes p::highlight(Ghost){color:var(--typeGhost)}.sectionWrapper .sectionGrid .name p::highlight(Dragon),.sectionWrapper .sectionGrid .desc p::highlight(Dragon),.sectionWrapper .sectionGrid .changes p::highlight(Dragon){color:var(--typeDragon)}.sectionWrapper .sectionGrid .name p::highlight(Dark),.sectionWrapper .sectionGrid .desc p::highlight(Dark),.sectionWrapper .sectionGrid .changes p::highlight(Dark){color:var(--typeDark)}.sectionWrapper .sectionGrid .name p::highlight(Steel),.sectionWrapper .sectionGrid .desc p::highlight(Steel),.sectionWrapper .sectionGrid .changes p::highlight(Steel){color:var(--typeSteel)}.sectionWrapper .sectionGrid .name p::highlight(Fairy),.sectionWrapper .sectionGrid .desc p::highlight(Fairy),.sectionWrapper .sectionGrid .changes p::highlight(Fairy){color:var(--typeFairy)}.sectionWrapper .sectionGrid .name p::highlight(HP),.sectionWrapper .sectionGrid .desc p::highlight(HP),.sectionWrapper .sectionGrid .changes p::highlight(HP){color:var(--statHP)}.sectionWrapper .sectionGrid .name p::highlight(Atk),.sectionWrapper .sectionGrid .desc p::highlight(Atk),.sectionWrapper .sectionGrid .changes p::highlight(Atk){color:var(--statAtk)}.sectionWrapper .sectionGrid .name p::highlight(Def),.sectionWrapper .sectionGrid .desc p::highlight(Def),.sectionWrapper .sectionGrid .changes p::highlight(Def){color:var(--statDef)}.sectionWrapper .sectionGrid .name p::highlight(SpA),.sectionWrapper .sectionGrid .desc p::highlight(SpA),.sectionWrapper .sectionGrid .changes p::highlight(SpA){color:var(--statSpA)}.sectionWrapper .sectionGrid .name p::highlight(SpD),.sectionWrapper .sectionGrid .desc p::highlight(SpD),.sectionWrapper .sectionGrid .changes p::highlight(SpD){color:var(--statSpD)}.sectionWrapper .sectionGrid .name p::highlight(Spe),.sectionWrapper .sectionGrid .desc p::highlight(Spe),.sectionWrapper .sectionGrid .changes p::highlight(Spe){color:var(--statSpe)}