@import '~styles/Variables.scss';

.highlight {
  composes: highlight from './PokemonApp.scss';
  color: $main-active-font-color;
  pointer-events: none;
}

.pokemonInfoWrapper {
  composes: container from './PokemonApp.scss';
  margin-bottom: 1rem;
}

.pokemonInfoLeftColumn {
  composes: leftColumn from './PokemonApp.scss';
}

.pokemonInfoRightColumn {
  composes: rightColumn from './PokemonApp.scss';
}

.pokemonName {
  margin-bottom: 0;
}

.dexHeader {
  margin-bottom: 0.25rem;
}

.pokemonTypeWrapper {
  display: flex;
  justify-content: center;
  align-self: stretch;
}

.formHeader {
  text-transform: uppercase;
  margin-bottom: 0;
}

.pokemonBaseStats {
  display: flex;
  flex-flow: column nowrap;
  align-items: start;
  align-self: stretch;
}