<commit_before>@import 'mixins';
@import 'variables';

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  @include font-size(14);
  font-family: $font-stack2;
  @include line-height(20);
  color: $body-text;
  background-color: $body-background;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: #333;
}

a img {
  border: none;
}

.inner {
  max-width: 1024px;
  margin: 0 auto;
}

.right {
  float: right;
}

.container {
  width: 100%;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  font-family: $font-stack2;
  letter-spacing: 0.2em;
  text-transform: lowercase;
  width: 100%;
  background-color: $header-bg;
  @include font-size(15);
  @include line-height(30);
  z-index: 1000;
  padding-top: 30px;
  text-align: left;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 15px;

  .name {
    width:40%;
    float: left;
    @include font-size(12);
    display: inline-block;
    z-index: 88888;
  }

  .nav {
    display: inline-block;
    float: right;
  }

  .mobile-nav {
    display: inline-block;
    -webkit-padding-start: 5px;
    -webkit-margin-before: 0;
    float: right;

    li.mobile-header {
      display: inline-block;
      @include font-size(10);
      @include line-height(10);
      padding-right: 10px;
    }

    li.mobile-header a {
      color: #b1b1b1;
    }
  }
}

#illustration {
  padding-top: 150px;
  padding-bottom: 50px;
  background-color: $illustration-bg;
  // width: 100%;

  img {
    width: 450px;
  }
}

#about {
  padding: 50px;
  background-color: $about-bg;
  color: $about-text;
}

#resume {
  padding-bottom: 150px;
  background-color: $resume-bg;
  color: $resume-text;

  .resume-section {
    padding-top: 150px;

    .section-title {
      @include font-size(20);
      border-bottom: thin solid $resume-text;
      padding: 0px;
      padding-bottom: 10px;
    }

    .section-content {
      padding-top: 30px;
      padding-bottom: 30px;
      @include line-height(27);
      @include font-size(14);
      color: $resume-info-text;
      white-space: nowrap;

      div {
        padding: 0px;
      }

      .info {
        padding-top: 15px;
        white-space: normal;
        @include font-size(12);

        .tech-list {
          padding-top: 10px;
          padding-left: 0px;

          li {
            @include font-size(9);
            display: inline;
            padding: 8px;
            padding-right: 10px;
            padding-left: 10px;
            margin-right: 10px;
            @include border-radius(20px);
            border: thin solid $tech-border-colour;
            text-transform: uppercase;;
          }
        }


      }

      .logo {
        margin-right: 20px;
        @include border-radius(34px);
        max-width: 67px;
        max-height: 67px;
        width: auto;
        height: auto;
        background: white;
      }

      .degree {
        @include font-size(16);
        color: $resume-text;
      }
    }
  }
}<commit_msg>Fixed SASS<commit_after>@import 'mixins';
@import 'variables';

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  @include font-size(14);
  font-family: $font-stack2;
  @include line-height(20);
  color: $body-text;
  background-color: $body-background;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: #333;
}

a img {
  border: none;
}

.inner {
  max-width: 1024px;
  margin: 0 auto;
}

.right {
  float: right;
}

.container {
  width: 100%;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  font-family: $font-stack2;
  letter-spacing: 0.2em;
  text-transform: lowercase;
  width: 100%;
  background-color: $header-bg;
  @include font-size(15);
  @include line-height(30);
  z-index: 1000;
  padding-top: 30px;
  text-align: left;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 15px;

  .name {
    width:40%;
    float: left;
    @include font-size(12);
    display: inline-block;
    z-index: 88888;
  }

  .nav {
    display: inline-block;
    float: right;
  }

  .mobile-nav {
    display: inline-block;
    -webkit-padding-start: 5px;
    -webkit-margin-before: 0;
    float: right;

    li.mobile-header {
      display: inline-block;
      @include font-size(10);
      @include line-height(10);
      padding-right: 10px;
    }

    li.mobile-header a {
      color: #b1b1b1;
    }
  }
}

#illustration {
  padding-top: 150px;
  padding-bottom: 50px;
  background-color: $illustration-bg;
  // width: 100%;

  img {
    width: 450px;
  }
}

#about {
  padding: 50px;
  background-color: $about-bg;
  color: $about-text;
}

#resume {
  padding-bottom: 150px;
  background-color: $resume-bg;
  color: $resume-text;

  .resume-section {
    padding-top: 150px;

    .section-title {
      @include font-size(20);
      border-bottom: thin solid $resume-text;
      padding: 0px;
      padding-bottom: 10px;
    }

    .section-content {
      padding-top: 30px;
      padding-bottom: 30px;
      @include line-height(27);
      @include font-size(14);
      color: $resume-info-text;
      white-space: nowrap;

      div {
        padding: 0px;
      }

      .info {
        padding-top: 15px;
        white-space: normal;
        @include font-size(12);

        .tech-list {
          padding-top: 10px;
          padding-left: 0px;

          li {
            @include font-size(9);
            display: inline;
            padding: 8px;
            padding-right: 10px;
            padding-left: 10px;
            margin-right: 10px;
            @include border-radius(20px);
            border: thin solid $tech-border-colour;
            text-transform: uppercase;
          }
        }


      }

      .logo {
        margin-right: 20px;
        @include border-radius(34px);
        max-width: 67px;
        max-height: 67px;
        width: auto;
        height: auto;
        background: white;
      }

      .degree {
        @include font-size(16);
        color: $resume-text;
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.14081498521196187, 'fraction_numerical': 0.04272099901413079, 'mean_word_length': 1.9809010773751223, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, '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': '2599335', 'n_tokens_mistral': 2427, 'n_tokens_neox': 2177, 'n_words': 453}