<commit_before>---
# Main Styles
---

@mixin clearblock() {
  display: block;

  &:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
}

$footerHeight: 60px;
$primaryColor: #4584e1;
$pageBackground: #fff;

html {
  position: relative;
  min-height: 100%;
  background: $pageBackground;
}

body {
  margin-bottom: $footerHeight;
  font-size: 18px;
  background: $pageBackground;
  overflow-y: scroll;
  font-family: 'Roboto', sans-serif;

  $madeWithHeight: 40px;
  $madeWithWidth: 200px;
  .made-with {
    width: $madeWithWidth;
    background: $primaryColor;
    line-height: $madeWithHeight;
    border-radius: 3px;
    color: white;
    margin: 20px auto 0px auto;
    opacity: 0.8;
    font-weight: bold;
    text-align: center;
  }

  em.intro {
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin: 50px 0;
  }

  .intro-paragraph {
    @include clearblock;
    margin: 50px 0 0;

    & > div:first-child {
      border-right: 1px solid #eee;
    }

    ul {
      padding-left: 1.2em;

      li {
        margin: 10px 0;
      }
    }


    em {
      font-weight: bold;
    }

    img {
      width: 80%;
    }

    .made-with-col {
      text-align: center;
    }

    .col {
      float: left;
      width: 50%;
      text-align: center;

      & > div {
        margin: 10px;
        box-shadow: 0 1px 3px -1px black;
        background: #eee;
        border-radius: 3px;
        padding: 10px;
      }

      a {
        display: block;
        opacity: 0.8;
        color: black;

        img {
          margin-top: 10px;
          max-height: 55px;
          border-radius: 3px;
          width: auto;
        }

        &:hover {
          opacity: 1;
        }
      }
    }
  }
<commit_msg>made with style updates<commit_after>---
# Main Styles
---

@mixin clearblock() {
  display: block;

  &:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
}

$footerHeight: 60px;
$primaryColor: #4584e1;
$pageBackground: #fff;

html {
  position: relative;
  min-height: 100%;
  background: $pageBackground;
}

body {
  margin-bottom: $footerHeight;
  font-size: 18px;
  background: $pageBackground;
  overflow-y: scroll;
  font-family: 'Roboto', sans-serif;

  $madeWithHeight: 40px;
  $madeWithWidth: 200px;
  .made-with {
    width: $madeWithWidth;
    background: #eee;
    line-height: $madeWithHeight;
    border-radius: 3px;
    margin: 20px auto 0px auto;
    opacity: 0.8;
    font-weight: bold;
    text-align: center;
  }

  em.intro {
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin: 50px 0;
  }

  .intro-paragraph {
    @include clearblock;
    margin: 50px 0 0;

    & > div:first-child {
      border-right: 1px solid #eee;
    }

    ul {
      padding-left: 1.2em;

      li {
        margin: 10px 0;
      }
    }


    em {
      font-weight: bold;
    }

    img {
      width: 80%;
    }

    .made-with-col {
      text-align: center;
    }

    .col {
      float: left;
      width: 50%;
      text-align: center;

      &:last-child > div {
        margin-left: 10px;
      }

      & > div {
        background: #eee;
        border-radius: 3px;
        margin-top: 10px;
      }

      a {
        display: block;
        opacity: 0.8;
        color: black;

        &:first-child {
          padding: 10px;
          line-height: 25px;
          font-size: 20px;
          font-weight: bold;
          background: rgba(0,0,0,0.1);
        }
        &:last-child {
          padding: 10px;
        }

        img {
          max-height: 55px;
          border-radius: 3px;
          width: auto;
        }

        &:hover {
          opacity: 1;
        }
      }
    }
  }

{'fraction_non_alphanumeric': 0.1295672454003628, 'fraction_numerical': 0.0334283493132936, 'mean_word_length': 1.6675881133379407, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 8, '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': '6559613', 'n_tokens_mistral': 1511, 'n_tokens_neox': 1357, 'n_words': 311}