@import '@/bulma/utilities/_all.sass';
@import '@/styles/variables';

.personal {
  padding-top: 132px;
  background-color: $gray-002;
  min-height: 100vh;
  padding-bottom: 104px;

  @include mobile {
    padding-top: 80px;
    padding-bottom: 0;
  }
}

.personal-main-title-container {
  h1 {
    letter-spacing: -4px!important;

    @include mobile {
      letter-spacing: -2px!important;
    }
  }
}

.personal-paragraph-container {
  .main-paragraph-content {
    @include mobile {
      margin-bottom: 20px!important;
    }
  }

  & > .columns > .column {
    padding: 0;
  }

  @include tablet-only {
    padding-left: 64px;
    padding-right: 64px;
  }

}

.personal-main-video-container {
  @include tablet-only {
    padding: 0 76px;
  }
}