<commit_before>$content_font: 'Noto Sans';
$link_color: #205ba1;
$radius: 0.3em;

html {
  overflow-y: scroll;
}

body {
  background-color: #E9E9E9;
  margin: 0;
}

div.mass-container {
  font-family: $content_font;
  margin: 1em 6em;
  background-color: white;
  padding: 0.4em 0.8em;
  border-radius: $radius;
  box-shadow: 0px 0px 4px #BBB;
}

div.header {
  border-radius: 0 0 $radius $radius;
  margin-top: 0;
  background-color: #F0F0F0;
  h1 {
    margin: 0.2rem;
    font-family: Lato;
    font-weight: lighter;
    .trivia {
      position: relative;
      display: none;
      
      margin: 0 0 0 1em;
      top: -0.5em;
      padding: 0;
    }
  }
  form.search {
    margin: 0.2rem;
    text-align: right;
    input {
      border: 0px solid grey;
      border-bottom-width: 1px;
      background-color: transparent;
      padding-bottom: 0.4em;
      transition-duration: 0.4s;
      font-size: 18px;
      font-family: $content_font;
    }
    input[type='submit'] {
      border: 0;
      padding: 0;
      position: relative;
      top: 0.4em;
      font-size: 24px;
    }
    input:hover {
      border-color: black;
    }
  }
}

.mat-icns {
  font-family: "Material Icons" !important;
}

ul.trivia {
  font-size: small;
  color: grey;<commit_msg>Make search-icon work in Webkit/Blink<commit_after>$content_font: 'Noto Sans';
$link_color: #205ba1;
$radius: 0.3em;

html {
  overflow-y: scroll;
}

body {
  background-color: #E9E9E9;
  margin: 0;
}

div.mass-container {
  font-family: $content_font;
  margin: 1em 6em;
  background-color: white;
  padding: 0.4em 0.8em;
  border-radius: $radius;
  box-shadow: 0px 0px 4px #BBB;
}

div.header {
  border-radius: 0 0 $radius $radius;
  margin-top: 0;
  background-color: #F0F0F0;
  h1 {
    margin: 0.2rem;
    font-family: Lato;
    font-weight: lighter;
    .trivia {
      position: relative;
      display: none;
      
      margin: 0 0 0 1em;
      top: -0.5em;
      padding: 0;
    }
  }
  form.search {
    margin: 0.2rem;
    text-align: right;
    input {
      border: 0px solid grey;
      border-bottom-width: 1px;
      background-color: transparent;
      padding-bottom: 0.4em;
      transition-duration: 0.4s;
      font-size: 18px;
      font-family: $content_font;
    }
    input[type='submit'] {
      border: 0;
      padding: 0;
      position: relative;
      top: 0.4em;
      font-size: 24px;
    }
    input:hover {
      border-color: black;
    }
  }
}

.mat-icns {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

ul.trivia {
  font-size: small;
  color: grey;
{'fraction_non_alphanumeric': 0.13597918022121014, 'fraction_numerical': 0.034808067664281066, 'mean_word_length': 2.4015486725663715, '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': '6118854', 'n_tokens_mistral': 1261, 'n_tokens_neox': 1174, 'n_words': 270}