@import "../../assets/scss/variables";

.component-about {
  padding-top: 160px;
  font-size: $font-18;
  z-index: 0;

  .about-links {
    color: $black;

    .link {
      display: flex;
      text-decoration: none;
      margin: 0;
      padding: 0;
      line-height: 35px;
      width: 200px;
      transition: transform .3s;


      .icon {
        display: inline-block;
        font-size: 15px;
        padding: 5px;
        margin: 5px;
        background: $dark-gray;
        border-radius: 2px;
        color: $white;
        height: 25px;
        width: 25px;
        text-align: center;
      }

      .label {
        display: inline-block;
        color: $dark-gray;
        font-size: $font-16;
        padding-left: 5px;

      }

      &:hover {
        transform: scale(1.1);
      }
    }
  }

}