<commit_before>$primary-color: #1da1f2; // Twitter main blue
$secondary-color: #1B95E0; // light Twitter blue
$tertiary-color: #8899a6; // Twitter grey
$white: #fff;
$primary-font: 'Helvetica';

/*  GENERAL NODE STYLING */
body {
  font-family: $primary-font;
}

h1 {
  color: $primary-color;
  letter-spacing: 1px;
}

p {
  color: $tertiary-color;
  letter-spacing: 1px;
}

input {
  display: block;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  margin: 80px auto;
  font-size: 16px;
  color: $tertiary-color;
  border: 1px solid $secondary-color;
  letter-spacing: 1px;
}

button {
  width: 100%;
  border: none;
  background: $primary-color;
  padding: 20px;
  font-family: $primary-font;
  font-size: 20px;
  color: $white;
  letter-spacing: 1px;
  box-shadow: .2em .2em 1.5em #ccc;
  cursor: pointer;
  transition: background 0.5s ease;

  &:hover {
    background: $white;
    color: $primary-color;
  }
}

/* WIDTHS */

.fifty-percent-width {
  width: 50%;
  margin: 0 auto;
}

/*  CONTAINERS */

.container {
  display: block;
  padding: 0px 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.index-container {
  // background: $primary-color;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;

  .fa-twitter {
    color: $white;
  }

  h1 {
    color: $white;
    font-size: 50px;
    letter-spacing: 4px;
  }

  p {
    color: $white;
    font-size: 20px;
    margin-bottom: 70px;
  }

  button {
    background: $white;
    color: $primary-color;
    cursor: pointer;
    letter-spacing: 1px;
    transition: box-shadow 0.5s ease;

    &:hover {
      box-shadow: .2em .2em 1.5em $white;;
    }
  }
}

.header-container {
  margin-top: 130px;
}

.children-container {
  height: 50vh;
}

.inputs-container {
  display: block;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 80px;
}

.button-container {
  display: block;
  width: 75%;
  margin: 0 auto;
}

/* BACKGROUNDS */

.white-bg {
  background: $white;
}

/* ALIGNMENT */

.center-text {
  text-align: center;
}

/*  ICONS */

.fa-twitter {
  color: $primary-color;
}

/* BANNER */

.banner {
  text-align: left;

  .banner-left {
    display: inline-block;

    i {
      display: inline-block;
    }

    p {
      display: inline-block;
      margin-left: 10px;
    }
  }

  .banner-right {
    display: inline-block;
    float: right;
    text-align: right;

    p {
      display: block;
      margin-bottom: 0px;

      a {
        text-decoration: none;
        color: $primary-color;
        transition: color 0.5s ease;

        &:hover {
          color: $secondary-color;
        }
      }
    }
  }
}

/* ANIMATIONS */

.fade-in {
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1s; /* Firefox < 16 */
      -ms-animation: fadein 1s; /* Internet Explorer */
       -o-animation: fadein 1s; /* Opera < 12.1 */
          animation: fadein 1s;
}

// Fade in keyframes
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
<commit_msg>update styling for subtext on Index component<commit_after>$primary-color: #1da1f2; // Twitter main blue
$secondary-color: #1B95E0; // light Twitter blue
$tertiary-color: #8899a6; // Twitter grey
$white: #fff;
$primary-font: 'Helvetica';

/*  GENERAL NODE STYLING */
body {
  font-family: $primary-font;
}

h1 {
  color: $primary-color;
  letter-spacing: 1px;
}

p {
  color: $tertiary-color;
  letter-spacing: 1px;
}

input {
  display: block;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  margin: 80px auto;
  font-size: 16px;
  color: $tertiary-color;
  border: 1px solid $secondary-color;
  letter-spacing: 1px;
}

button {
  width: 100%;
  border: none;
  background: $primary-color;
  padding: 20px;
  font-family: $primary-font;
  font-size: 20px;
  color: $white;
  letter-spacing: 1px;
  box-shadow: .2em .2em 1.5em #ccc;
  cursor: pointer;
  transition: background 0.5s ease;

  &:hover {
    background: $white;
    color: $primary-color;
  }
}

/* WIDTHS */

.fifty-percent-width {
  width: 50%;
  margin: 0 auto;
}

/*  CONTAINERS */

.container {
  display: block;
  padding: 0px 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.index-container {
  // background: $primary-color;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;

  .fa-twitter {
    color: $white;
  }

  h1 {
    color: $white;
    font-size: 50px;
    letter-spacing: 4px;
  }

  .index-presentation-subtext {
    margin-bottom: 70px;
    
    p {
      color: $white;
      font-size: 20px;
    }
  }

  button {
    background: $white;
    color: $primary-color;
    cursor: pointer;
    letter-spacing: 1px;
    transition: box-shadow 0.5s ease;

    &:hover {
      box-shadow: .2em .2em 1.5em $white;;
    }
  }
}

.header-container {
  margin-top: 130px;
}

.children-container {
  height: 50vh;
}

.inputs-container {
  display: block;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 80px;
}

.button-container {
  display: block;
  width: 75%;
  margin: 0 auto;
}

/* BACKGROUNDS */

.white-bg {
  background: $white;
}

/* ALIGNMENT */

.center-text {
  text-align: center;
}

/*  ICONS */

.fa-twitter {
  color: $primary-color;
}

/* BANNER */

.banner {
  text-align: left;

  .banner-left {
    display: inline-block;

    i {
      display: inline-block;
    }

    p {
      display: inline-block;
      margin-left: 10px;
    }
  }

  .banner-right {
    display: inline-block;
    float: right;
    text-align: right;

    p {
      display: block;
      margin-bottom: 0px;

      a {
        text-decoration: none;
        color: $primary-color;
        transition: color 0.5s ease;

        &:hover {
          color: $secondary-color;
        }
      }
    }
  }
}

/* ANIMATIONS */

.fade-in {
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1s; /* Firefox < 16 */
      -ms-animation: fadein 1s; /* Internet Explorer */
       -o-animation: fadein 1s; /* Opera < 12.1 */
          animation: fadein 1s;
}

// Fade in keyframes
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

{'fraction_non_alphanumeric': 0.15268817204301074, 'fraction_numerical': 0.03354838709677419, 'mean_word_length': 2.268978444236176, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 7, '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': '4611931', 'n_tokens_mistral': 2927, 'n_tokens_neox': 2660, 'n_words': 639}