<commit_before>---
---

* {
  padding: 0px;
  margin: 0px;
} 

body {
  font-family: sans-serif;
}

nav#top-nav {
  $header-height: 40px;
  $text-height: 20px;

  padding-left: 100px;
  background-color: #0e6396;
  height: $header-height;

  overflow: hidden;

  > a {
    $padding: ($header-height - $text-height) / 2;
    padding-top: $padding;
    padding-bottom: $padding;
    padding-right: 20px;
    padding-left: 20px;
    line-height: $text-height;
    font-size: $text-height;
    display: inline-block;
    text-decoration: none;
    color: black;

    &.selected {
      $border: 2px;
      border-bottom: $border;
      border-bottom-style: solid;
      padding-bottom: $padding - $border;
    }
  }
}

header#main-header {
  height: 150px;
  background: #1487cc;
  padding-top: 80px;
  text-align: center;
  color: white;
  font-family: monospace;

  > .inner {
    width: 100%;
    max-width: 600px;
    display: inline-block;

    > .left {
      $height: 100px;
      overflow: hidden;
      float: left;

      img.logo {
        float: left;
        width: $height;
      }
      
      span.name {
        float: left;
        line-height: $height;
        font-size: 25px;
      }
    }

    > .right {
      float: right;
      overflow: hidden;
      font-size: 20px;
      color: #cecece;

      span {
        float: left;
        margin-right: 5px;
      }

      div.floater {
        display: inline-block;
        text-align: left;
      }
    }
  }
}

div#description {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;

  p {
    font-size: 18px;

    &.big {
      padding-top: 15px;
      padding-bottom: 10px;
      font-size: 25px;
    }

    a.button {
      $color: green;
      $action-color: green;

      clear: right;
      display: inline-block;
      margin: 10px;
      margin-bottom: 0;

      border-color: $color;
      border-width: 3px;
      border-radius:12px;
      border-style: solid;

      background-color: $color;

      cursor:pointer;
      color: #ffffff;
      font-size:17px;
      padding:5px 20px;
      text-decoration:none;

      &:hover { 
              background-color: $action-color;
              border-color: $action-color;
      }

      &:active { 
              position:relative;
              top:1px;
      }
    }
  }
}

div#tiles {
  height: 300px;
  background-color: red;
}

a.github-link {
  text-decoration: none;

  > .icon {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
  }

  > .username {
    color: grey;
    font-size: 25px;
  }
}
<commit_msg>red hurts my eyes<commit_after>---
---

* {
  padding: 0px;
  margin: 0px;
} 

body {
  font-family: sans-serif;
}

nav#top-nav {
  $header-height: 40px;
  $text-height: 20px;

  padding-left: 100px;
  background-color: #0e6396;
  height: $header-height;

  overflow: hidden;

  > a {
    $padding: ($header-height - $text-height) / 2;
    padding-top: $padding;
    padding-bottom: $padding;
    padding-right: 20px;
    padding-left: 20px;
    line-height: $text-height;
    font-size: $text-height;
    display: inline-block;
    text-decoration: none;
    color: black;

    &.selected {
      $border: 2px;
      border-bottom: $border;
      border-bottom-style: solid;
      padding-bottom: $padding - $border;
    }
  }
}

header#main-header {
  height: 150px;
  background: #1487cc;
  padding-top: 80px;
  text-align: center;
  color: white;
  font-family: monospace;

  > .inner {
    width: 100%;
    max-width: 600px;
    display: inline-block;

    > .left {
      $height: 100px;
      overflow: hidden;
      float: left;

      img.logo {
        float: left;
        width: $height;
      }
      
      span.name {
        float: left;
        line-height: $height;
        font-size: 25px;
      }
    }

    > .right {
      float: right;
      overflow: hidden;
      font-size: 20px;
      color: #cecece;

      span {
        float: left;
        margin-right: 5px;
      }

      div.floater {
        display: inline-block;
        text-align: left;
      }
    }
  }
}

div#description {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;

  p {
    font-size: 18px;

    &.big {
      padding-top: 15px;
      padding-bottom: 10px;
      font-size: 25px;
    }

    a.button {
      $color: green;
      $action-color: green;

      clear: right;
      display: inline-block;
      margin: 10px;
      margin-bottom: 0;

      border-color: $color;
      border-width: 3px;
      border-radius:12px;
      border-style: solid;

      background-color: $color;

      cursor:pointer;
      color: #ffffff;
      font-size:17px;
      padding:5px 20px;
      text-decoration:none;

      &:hover { 
              background-color: $action-color;
              border-color: $action-color;
      }

      &:active { 
              position:relative;
              top:1px;
      }
    }
  }
}

div#tiles {
  height: 500px;
  background-color: #edf6fa;
}

a.github-link {
  text-decoration: none;

  > .icon {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
  }

  > .username {
    color: grey;
    font-size: 25px;
  }
}

{'fraction_non_alphanumeric': 0.13388398002305033, 'fraction_numerical': 0.028620822128313485, 'mean_word_length': 1.8024757804090419, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '6291076', 'n_tokens_mistral': 2023, 'n_tokens_neox': 1829, 'n_words': 379}