<commit_before>@import "variables";
@import "fonts";
$include-html-global-classes: false;
@import "foundation/components/global";

.title {
  font-family: "Open Sans", "Helvetica Neue",  sans-serif;
}

.header {
  font-size: rem-calc(28);
}

.hackedu-logo {
  font-family: "Amaranth", "Open Sans", "Helvetica Neue",  sans-serif;
  font-size: 100%;
  font-weight: bold;
}

#home-map-jumbotron {
  height: 200px;

  @media #{$medium-up} {
    height: 400px;
  }

  @media #{$large-up} {
    height: 500px;
  }
}

.colored-section {
  color: $hackedu-white;

  h1 {
    color: $hackedu-white;
  }
}

.main-section {
  padding: 50px 0 50px 0;
  text-align: center;

  p {
    font-size: rem-calc(20);
  }

  @media #{$medium-up} {
    padding: 50px 0 50px 0;
  }
}

.small-section {
  @extend .main-section;
  padding: 20px 0 20px 0;

  @media #{$medium-up} {
    padding: 50px 0 50px 0;
  }
}

.introduction {
  @extend .colored-section;
  background-image: asset_url("group_photo.jpg");
  background-size: cover;
  padding: 25px 0 25px 0;

  h1 {
    font-size: rem-calc(20);
  }

  @media #{$medium-up} {
    padding: 75px 0 75px 0;

    h1 {
      font-size: rem-calc(32);
    }
  }

  @media #{$large-up} {
    height: 500px;
    line-height: 500px;

    .vertical-align {
      display: inline-block;
    }

    h1 {
      font-size: rem-calc(38);
    }
  }
}

.impact {
  @extend .colored-section;
  background-color: $hackedu-orange;

  .metric {
    .stat {
      font-weight: bold;
      font-size: rem-calc(48);
      margin-bottom: 0;

      @media #{$medium-up} {
        font-size: rem-calc(84);
      }
    }

    .stat-desc {
      font-size: rem-calc(24);
      margin-bottom: rem-calc(6);

      @media #{$medium-up} {
        font-size: rem-calc(28);
      }
    }

    .stat-comparison {
      color: $hackedu-white;
      font-size: rem-calc(12);
    }
  }
}

.publications {
  background: $hackedu-black;
  color: $text-on-black;

  .publication {
    height: 150px;
    opacity: 0.6;
    transition: 0.25s;

    .helper {
      display: inline-block;<commit_msg>home: impact section scales on medium screens well. fixes #138<commit_after>@import "variables";
@import "fonts";
$include-html-global-classes: false;
@import "foundation/components/global";

.title {
  font-family: "Open Sans", "Helvetica Neue",  sans-serif;
}

.header {
  font-size: rem-calc(28);
}

.hackedu-logo {
  font-family: "Amaranth", "Open Sans", "Helvetica Neue",  sans-serif;
  font-size: 100%;
  font-weight: bold;
}

#home-map-jumbotron {
  height: 200px;

  @media #{$medium-up} {
    height: 400px;
  }

  @media #{$large-up} {
    height: 500px;
  }
}

.colored-section {
  color: $hackedu-white;

  h1 {
    color: $hackedu-white;
  }
}

.main-section {
  padding: 50px 0 50px 0;
  text-align: center;

  p {
    font-size: rem-calc(20);
  }

  @media #{$medium-up} {
    padding: 50px 0 50px 0;
  }
}

.small-section {
  @extend .main-section;
  padding: 20px 0 20px 0;

  @media #{$medium-up} {
    padding: 50px 0 50px 0;
  }
}

.introduction {
  @extend .colored-section;
  background-image: asset_url("group_photo.jpg");
  background-size: cover;
  padding: 25px 0 25px 0;

  h1 {
    font-size: rem-calc(20);
  }

  @media #{$medium-up} {
    padding: 75px 0 75px 0;

    h1 {
      font-size: rem-calc(32);
    }
  }

  @media #{$large-up} {
    height: 500px;
    line-height: 500px;

    .vertical-align {
      display: inline-block;
    }

    h1 {
      font-size: rem-calc(38);
    }
  }
}

.impact {
  @extend .colored-section;
  background-color: $hackedu-orange;

  .metric {
    .stat {
      font-weight: bold;
      font-size: rem-calc(48);
      margin-bottom: 0;

      @media #{$medium} {
        font-size: rem-calc(72);
      }

      @media #{$large} {
        font-size: rem-calc(84);
      }
    }

    .stat-desc {
      font-size: rem-calc(24);
      margin-bottom: rem-calc(6);

      @media #{$medium-up} {
        font-size: rem-calc(28);
      }
    }

    .stat-comparison {
      color: $hackedu-white;
      font-size: rem-calc(12);
    }
  }
}

.publications {
  background: $hackedu-black;
  color: $text-on-black;

  .publication {
    height: 150px;
    opacity: 0.6;
    transition: 0.25s;

    .helper {
      display: inline-block;
{'fraction_non_alphanumeric': 0.1649122807017544, 'fraction_numerical': 0.042339181286549704, 'mean_word_length': 2.2867025365103766, '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': '6422482', 'n_tokens_mistral': 1874, 'n_tokens_neox': 1675, 'n_words': 338}