@import "../../../../responsive";
.skill-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  border: solid 1px var(--border-color);
  background-color: var(--field-background-color);
  box-shadow: var(--shadow);
  border-radius: 10px;
  height: 37.875rem;

  @include height-small {
    height: 40.125rem;
  }

  @include height-medium {
    height: 43.15rem;
  }

  // Too large, doesn't look good
  @include height-large {
    height: 46.8rem;
  }
}
