<commit_before>@charset "utf-8";
@import "reset/normalize";
@import "bootstrap";
@import "bourbon";
@import "mixins/mixins";
@import "neat";

body {
  background: white;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.container {
  max-width: 966px;
}

.shadow-box {
  box-shadow: 0 10px 25px 0 rgba(49, 49, 93, 0.1);
  border-radius: 5px;
  padding: 60px;
  margin-bottom: 50px;

  p {
    font-size: 18px;
  }
}

.header {
  min-height: 390px;

  .header-title {
    @include breakpoint($sm) {
      margin-top: 10%;
    }

    @include breakpoint($md) {
      margin-top: 10%;
    }
  }
}

.introduction {
  border-bottom: 1px solid $light-grey;

  .intro-text {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  h2 {
    color: $black;
    font-weight: 300;
    font-size: 20px;
    line-height: 38px;

    @include breakpoint($sm) {
      font-size: 25px;
      line-height: 55px;
    }
  }
}

.about-page {
  .about-text {
    margin-top: 50px;
    margin-bottom: 50px;

    .about-photo {
      position: relative;
      margin: 0 auto 15px;
      border-radius: 50%;
      overflow: hidden;
      // border: 10px solid $blue;
      -webkit-transition: border-color .5s;
      transition: border-color .5s;
      height: 200px;
      width: 200px;
    }

    h1 {
      margin-bottom: 30px;
    }

    p {
      color: $black;
      font-size: 20px;
      line-height: 38px;
      margin-bottom: 30px;

      @include breakpoint($sm) {
        font-size: 20px;
        line-height: 40px;
      }
    }
  }
}

.latest-posts {
  padding-top: 50px;

  .row {
    margin-top: 30px;
  }

  .shadow-box {
    padding: 0px;

    .latest-post-container {
      position: relative;
      min-height: 130px;
      padding: 0 20px 10px 20px;

      a {
        &:hover {
          text-decoration: none;
        }
      }

      h3 {
        font-size: 20px;
      }

      .read-more {
        position: absolute;
        bottom: 12px;
      }
    }
  }
}

.newsletter {
  background: $blue;
  padding-top: 50px;
  padding-bottom: 50px;
  h3 {
    color: $white;
    font-size: 22px;
  }
}

.work-with-me {
  border-top: 1px solid $light-grey;

  .content {
    max-width: 260px;
    text-align: center;
    padding: 50px 0 60px 0;
    margin: 0 auto;

    .title {
      font-size: 22px;

      @include breakpoint($sm) {
        font-size: 30px;
      }

      @include breakpoint($md) {
        font-size: 30px;
      }
    }

    .description {
      font-size: 16px;

      @include breakpoint($sm) {
        font-size: 18px;
      }

      @include breakpoint($md) {
        font-size: 18px;
      }
    }

    @include breakpoint($sm) {
      max-width: 440px;
      margin: 50px auto 70px auto;
      padding: 60px 0;
    }
  }
}

.blogpost {
  margin-bottom: 50px;

  .container {
    margin-bottom: 50px;

    @include breakpoint($sm) {
      width: 580px;
    }

    @include breakpoint($md) {
      width: 780px;
    }

    h1,
    .date-comment {
      margin-bottom: 1em;
    }

    .date-comment {
      color: $grey;
    }
  }

  h2,
  h3,
  p,
  span {
    margin-bottom: 1.666666666667em;
  }

  p {
    color: $blog-text;
    font-size: 22px;
  }

  .post-alert {
    padding: 1.5em 35px;
    margin-bottom: 20px;
    background-color: $light-yellow;
    border: 1px solid $varden;
    text-align: center;
  }

  img {
    width: 100%;
    height: 100%;
  }
}

.project-container {
  .project {
    overflow: hidden;
    height: 400px;
    border-bottom: 1px solid $light-grey;
    position: relative;

    &:not(:first-child) {
      margin-top: 50px;
    }

    .project-description {
      margin-bottom: 100px;

      h2,
      p {
        margin-bottom: 25px;
      }

      p {
        font-size: 16px;
        line-height: 1.6;
      }

      .project-skills {<commit_msg>Fix css for project button<commit_after>@charset "utf-8";
@import "reset/normalize";
@import "bootstrap";
@import "bourbon";
@import "mixins/mixins";
@import "neat";

body {
  background: white;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.container {
  max-width: 966px;
}

.shadow-box {
  box-shadow: 0 10px 25px 0 rgba(49, 49, 93, 0.1);
  border-radius: 5px;
  padding: 60px;
  margin-bottom: 50px;

  p {
    font-size: 18px;
  }
}

.header {
  min-height: 390px;

  .header-title {
    @include breakpoint($sm) {
      margin-top: 10%;
    }

    @include breakpoint($md) {
      margin-top: 10%;
    }
  }
}

.introduction {
  border-bottom: 1px solid $light-grey;

  .intro-text {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  h2 {
    color: $black;
    font-weight: 300;
    font-size: 20px;
    line-height: 38px;

    @include breakpoint($sm) {
      font-size: 25px;
      line-height: 55px;
    }
  }
}

.about-page {
  .about-text {
    margin-top: 50px;
    margin-bottom: 50px;

    .about-photo {
      position: relative;
      margin: 0 auto 15px;
      border-radius: 50%;
      overflow: hidden;
      // border: 10px solid $blue;
      -webkit-transition: border-color .5s;
      transition: border-color .5s;
      height: 200px;
      width: 200px;
    }

    h1 {
      margin-bottom: 30px;
    }

    p {
      color: $black;
      font-size: 20px;
      line-height: 38px;
      margin-bottom: 30px;

      @include breakpoint($sm) {
        font-size: 20px;
        line-height: 40px;
      }
    }
  }
}

.latest-posts {
  padding-top: 50px;

  .row {
    margin-top: 30px;
  }

  .shadow-box {
    padding: 0px;

    .latest-post-container {
      position: relative;
      min-height: 130px;
      padding: 0 20px 10px 20px;

      a {
        &:hover {
          text-decoration: none;
        }
      }

      h3 {
        font-size: 20px;
      }

      .read-more {
        position: absolute;
        bottom: 12px;
      }
    }
  }
}

.newsletter {
  background: $blue;
  padding-top: 50px;
  padding-bottom: 50px;
  h3 {
    color: $white;
    font-size: 22px;
  }
}

.work-with-me {
  border-top: 1px solid $light-grey;

  .content {
    max-width: 260px;
    text-align: center;
    padding: 50px 0 60px 0;
    margin: 0 auto;

    .title {
      font-size: 22px;

      @include breakpoint($sm) {
        font-size: 30px;
      }

      @include breakpoint($md) {
        font-size: 30px;
      }
    }

    .description {
      font-size: 16px;

      @include breakpoint($sm) {
        font-size: 18px;
      }

      @include breakpoint($md) {
        font-size: 18px;
      }
    }

    @include breakpoint($sm) {
      max-width: 440px;
      margin: 50px auto 70px auto;
      padding: 60px 0;
    }
  }
}

.blogpost {
  margin-bottom: 50px;

  .container {
    margin-bottom: 50px;

    @include breakpoint($sm) {
      width: 580px;
    }

    @include breakpoint($md) {
      width: 780px;
    }

    h1,
    .date-comment {
      margin-bottom: 1em;
    }

    .date-comment {
      color: $grey;
    }
  }

  h2,
  h3,
  p,
  span {
    margin-bottom: 1.666666666667em;
  }

  p {
    color: $blog-text;
    font-size: 22px;
  }

  .post-alert {
    padding: 1.5em 35px;
    margin-bottom: 20px;
    background-color: $light-yellow;
    border: 1px solid $varden;
    text-align: center;
  }

  img {
    width: 100%;
    height: 100%;
  }
}

.project-container {
  .project {
    overflow: hidden;
    height: 400px;
    border-bottom: 1px solid $light-grey;
    position: relative;

    &:not(:first-child) {
      margin-top: 50px;
    }

    .project-description {
      margin-bottom: 100px;

      h2,
      p {
        margin-bottom: 25px;
      }

      p {
        font-size: 16px;
        line-height: 1.6;
      }

      .btn-primary {
        margin-right: 2px;
      }

      .project-skills {
{'fraction_non_alphanumeric': 0.13731682668014147, 'fraction_numerical': 0.0511622031328954, 'mean_word_length': 1.781799016163036, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4721243', 'n_tokens_mistral': 3408, 'n_tokens_neox': 2943, 'n_words': 631}