@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;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm0 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm0 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm0 .moveTypeWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm1 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm1 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm1 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm1 .moveTypeWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm2 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm2 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm2 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm2 .moveTypeWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm3 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm3 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm3 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm3 .moveTypeWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm4 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm4 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm4 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm4 .moveTypeWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm5 .abilityWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm5 .itemImgWrapper, #mainGrid #trainerList .singleTrainerGrid .pkm5 .neutralNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .atkNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .defNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .spaNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .spdNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .speNature, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs31, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs30, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs29, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs28, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs0, #mainGrid #trainerList .singleTrainerGrid .pkm5 .moveTypeWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fill-available;
  width: -moz-available;
  margin: 2px 5px;
  border-radius: 10px;
}

#mainGrid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 300px auto;
}
#mainGrid .mandatory {
  background-color: #ea9999;
}
#mainGrid .choicemandatory, #mainGrid .tripleBattle {
  background-color: #f5ac78;
}
#mainGrid .optional, #mainGrid .doubleBattle {
  background-color: #a7db8b;
}
#mainGrid .doublespartner, #mainGrid .singleBattle {
  background-color: #9db7f5;
}
#mainGrid #routeList {
  display: flex;
  flex-direction: column;
}
#mainGrid #routeList .route {
  display: flex;
  align-items: center;
  width: 250px;
  margin: 2px 0px;
  background-color: #555;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}
#mainGrid #routeList .route:hover, #mainGrid #routeList .route.activeRoute {
  width: 260px;
  background-color: #888;
}
#mainGrid #routeList .route .routeName {
  width: 200px;
}
#mainGrid #routeList .route .svgRequiredWrapper {
  display: flex;
}
#mainGrid #trainerList {
  display: flex;
  flex-direction: column;
  margin-right: 5%;
}
#mainGrid #trainerList .singleTrainerGrid {
  display: grid;
  grid-template-rows: 50px 1fr repeat(2, 50px) auto;
  grid-template-columns: auto repeat(6, 1fr);
  margin-bottom: 10px;
  padding: 5px;
  background-color: #555;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkmImgWrapper {
  display: flex;
  flex-direction: column;
}
#mainGrid #trainerList .singleTrainerGrid .pkmImgWrapper img {
  max-width: 250px;
}
#mainGrid #trainerList .singleTrainerGrid .mandatory, #mainGrid #trainerList .singleTrainerGrid .choicemandatory, #mainGrid #trainerList .singleTrainerGrid .optional, #mainGrid #trainerList .singleTrainerGrid .doublespartner {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .mandatory p, #mainGrid #trainerList .singleTrainerGrid .choicemandatory p, #mainGrid #trainerList .singleTrainerGrid .optional p, #mainGrid #trainerList .singleTrainerGrid .doublespartner p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .trClass {
  grid-column: 1/span 1;
  grid-row: 2/span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 300px;
  margin-top: 5px;
}
#mainGrid #trainerList .singleTrainerGrid .trClass img {
  max-width: 300px;
  max-height: 400px;
}
#mainGrid #trainerList .singleTrainerGrid .trName {
  grid-column: 1/span 1;
  grid-row: 3/span 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainGrid #trainerList .singleTrainerGrid .trBattleType {
  grid-column: 1/span 1;
  grid-row: 4/span 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .trBattleType p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .trNotes {
  grid-column: 1/span 1;
  grid-row: 5/span 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
}
#mainGrid #trainerList .singleTrainerGrid .trNotes p {
  text-align: center;
  white-space: pre-wrap;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 {
  margin-left: 5px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 {
  grid-column: 2/3;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm0 .moveTypeWrapper p {
  padding-left: 0px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 {
  grid-column: 3/4;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm1 .moveTypeWrapper p {
  padding-left: 0px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 {
  grid-column: 4/5;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm2 .moveTypeWrapper p {
  padding-left: 0px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 {
  grid-column: 5/6;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm3 .moveTypeWrapper p {
  padding-left: 0px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 {
  grid-column: 6/7;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm4 .moveTypeWrapper p {
  padding-left: 0px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 {
  grid-column: 7/8;
  grid-row: 1/span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5:last-child:not(.pkm5) {
  border-right: 2px solid #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5.tagBattle {
  border-left: 10px double #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .abilityWrapper .ability {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .itemImgWrapper img {
  width: 30px;
  height: 30px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .itemImgWrapper .item {
  padding: 0px;
  margin: 5px 0px 3px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .neutralNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .atkNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .defNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .spaNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .spdNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .speNature p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs31 p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs30 p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs29 p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs28 p, #mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs0 p {
  color: black;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .neutralNature {
  background-color: #aaa;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .atkNature {
  background-color: #f5ac78;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .defNature {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .spaNature {
  background-color: #9db7f5;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .spdNature {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .speNature {
  background-color: #fa92b2;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs31 {
  background-color: #a7db8b;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs30 {
  background-color: #d1de82;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs29 {
  background-color: #fae078;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs28 {
  background-color: #f2bc89;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .ivs0 {
  background-color: #ea9999;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .moveTypeWrapper {
  justify-content: flex-start;
  margin-left: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .moveTypeWrapper img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 10px;
}
#mainGrid #trainerList .singleTrainerGrid .pkm5 .moveTypeWrapper p {
  padding-left: 0px;
}