.abilityBox {
  display: grid;
  grid-template-columns: repeat(7, auto);
  grid-auto-flow: row;
  justify-content: start;
  gap: 0.7em 4px;
  align-items: center;
  height: fit-content;
  width: 100%;

  > {
    * {
      grid-column: span 1;
    }

    span {
      color: #aaaaee;
      font-size: 13pt;
      margin-right: 20px;
    }

    p {
      color: #aaaaee;
      font-size: 10pt;
      text-align: center;
      vertical-align: middle;
      margin-bottom: 0px;

      &.abilityLabel {
        margin-bottom: -0.5em;
      }
    }
    h2 {
      margin-bottom: 40px;
    }
  }
  
  
}