<commit_before>//LAYOUT: styles for positioning the major page elements

.container {
  @include outer-container;
  width: 965px;
  max-width: 100%;
  margin: auto;
  @media screen and (max-width: 964px) {
    padding: 0 25px;
  }
}

.main-container {
  padding-top: 50px;
  @media screen and (mmax-width: 500px) {
    padding: 0px 25px;
  }
}

header {
  background-color: $pink;
  @media screen and (min-width: 500px) {
    height: 100px;
  }
  .logo {
    display: block;
    width: 129px;
    margin: 0 auto;
    padding-top: 20px;
    @media screen and (min-width: 500px) {
      float: left;
    }
    img {
      max-width: 100%;
      height: auto;
    }
  }
  nav{
    margin: 20px 0 20px 0;
    @media screen and (min-width: 500px) {
      float: right;
      margin: 0;
    }
    ul {
      text-align: center;
      @media screen and (min-width: 500px) {
        float: left;
      }
    }
    li {
      display: inline-block;
    }
    i{
      font-size: 1.1rem;
    }
    a {
      display: block;
      color: white;
      font-style: italic;
      font-weight: 300;
      font-size: .9rem;
      letter-spacing: .05rem;
      padding: .5rem;
      margin-bottom: 0em;
      @media screen and (min-width: 500px) {
        padding: 3rem 1rem 3rem 1rem;
      }
      &:hover {
        @media screen and (min-width: 500px) {
          background-color: $black;
          color: $blush;
          box-shadow: .025rem .025rem .5rem $black;
        }
      }
    }
  }
}

footer {
  text-align: center;
  height: 190px;
  background-color: $navy;
  padding: 20px 0px 0px 0px;
  p.subtitle{
    @media screen and (max-width: 500px) {
      font-size: .75em;
    }
  }
  .navigation {
    margin-top: 25px;
    a {
      color: white;
      font-style: italic;
      font-weight: 300;
      font-size: .9rem;
      letter-spacing: .05rem;
      padding: 0 1rem;
      margin-bottom: 0em;
      &:hover {
        color: $gold;
      }
      i {
        font-size: 1.1rem;
        color: $gold;
        &:hover{
          color: #fff;
        }
      }
    }
  }
  .subtitle {
    color: $paleblue;
    font-weight: 300;
    margin-bottom: -1px;
  }
}

#headline{
  text-align: center;
  img{
    height: 35px;
    display: block;
    margin: auto;
  }
  h2 {
    font-weight: 300;
    color: $gold;
    padding: 0px 5px 6px 5px;
    @extend %dashed-border;
    // border-bottom: solid $black 1px;
    display: inline-block;
    margin: .5rem auto 3rem auto;
  }
}

.underlined-headline {<commit_msg>organized code<commit_after>//LAYOUT: styles for positioning the major page elements

.container {
  @include outer-container;
  width: 965px;
  max-width: 100%;
  margin: auto;
  @media screen and (max-width: 964px) {
    padding: 0 25px;
  }
}

.main-container {
  padding-top: 50px;
  @media screen and (mmax-width: 500px) {
    padding: 0px 25px;
  }
}

header {
  background-color: $pink;
  @media screen and (min-width: 500px) {
    height: 100px;
  }
  .logo {
    display: block;
    width: 129px;
    margin: 0 auto;
    padding-top: 20px;
    @media screen and (min-width: 500px) {
      float: left;
    }
    img {
      max-width: 100%;
      height: auto;
    }
  }
  nav{
    margin: 20px 0 20px 0;
    @media screen and (min-width: 500px) {
      float: right;
      margin: 0;
    }
    ul {
      text-align: center;
      @media screen and (min-width: 500px) {
        float: left;
      }
    }
    li {
      display: inline-block;
    }
    i{
      font-size: 1.1rem;
    }
    a {
      display: block;
      color: white;
      font-style: italic;
      font-weight: 300;
      font-size: .9rem;
      letter-spacing: .05rem;
      padding: .5rem;
      margin-bottom: 0em;
      @media screen and (min-width: 500px) {
        padding: 3rem 1rem 3rem 1rem;
      }
      &:hover {
        @media screen and (min-width: 500px) {
          background-color: $black;
          color: $blush;
          box-shadow: .025rem .025rem .5rem $black;
        }
      }
    }
  }
}

footer {
  text-align: center;
  height: 190px;
  background-color: $navy;
  padding: 20px 0px 0px 0px;
  p.subtitle{
    @media screen and (max-width: 500px) {
      font-size: .75em;
    }
  }
  .navigation {
    margin-top: 25px;
    a {
      color: white;
      font-style: italic;
      font-weight: 300;
      font-size: .9rem;
      letter-spacing: .05rem;
      padding: 0 1rem;
      margin-bottom: 0em;
      &:hover {
        color: $gold;
      }
      i {
        font-size: 1.1rem;
        color: $gold;
        &:hover{
          color: #fff;
        }
      }
    }
  }
  .subtitle {
    color: $paleblue;
    font-weight: 300;
    margin-bottom: -1px;
  }
}

#headline{
  text-align: center;
  img{
    height: 35px;
    display: block;
    margin: auto;
  }
  h2 {
    @extend %dashed-border;
    font-weight: 300;
    color: $gold;
    padding: 0px 5px 6px 5px;
    // border-bottom: solid $black 1px;
    display: inline-block;
    margin: .5rem auto 3rem auto;
  }
}

.underlined-headline {
{'fraction_non_alphanumeric': 0.12916085309946182, 'fraction_numerical': 0.04823599760813235, 'mean_word_length': 1.7815964523281596, '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': '5921572', 'n_tokens_mistral': 2073, 'n_tokens_neox': 1851, 'n_words': 465}