@import "@/src/styles/helpers.scss";

.section {
  @include lightSection;
  @include regularFont;

  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;

  padding: 0 6em 3em;

  .skills {
    display: flex;
    flex-direction: column;
    text-align: center;
    .innerskills {
      text-align: left;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      gap: $mediumGap;
      flex-wrap: wrap;
      flex-basis: 60%;
    }
    flex-wrap: wrap;
    flex-basis: 60%;
  }

  .otherLinks{
    margin: auto 1em;
    padding: 1em 2em;
    background-color: $black;
    color: $white;

    h2{
      font-size: 115%;
    }

    a {
      color: $white;
      text-decoration: none;

      &:hover {
        color: $strong_red;
        font-style: italic;
      }
    }
  }
}