@import "@/styles/variables";
@import "@/styles/mixins";

.aboutUs {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba($black, 15%);

  a {
    position: relative;
    color: $black;
    line-height: 3.75rem;

    &:not(:last-child) {
      margin-right: 3rem;
    }

    &:hover,
    &.active {
      color: $blue;
    }

    &.active:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        border-top: 2px solid $blue;
    }
  }
}

@media screen and (max-width: 374px) {
  .aboutUs a:not(:last-child) {
    margin-right: 2rem;
  }
}