<commit_before>/*
 * This file is part of Search NEU and licensed under AGPL3.
 * See the license file in the root folder for details.
 */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

.home-container {
  height: 100%;

  .displayNone {
    display: none;
  }

  .topHeader {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
    height: 100%;
    z-index: 100;
    position: relative;
    pointer-events: none;
  }

  .centerTextContainer {
    padding-bottom: 8%;
  }

  .title {
    color: rgb(174, 69, 67);
    font: Roboto, 'Segoe UI', Tahoma, sans-serif;
    font-weight: 400;
    pointer-events: initial;
  }

  .subtitle {
    color: #a3a3a3 !important;
    font-weight: 200;
    pointer-events: initial;
  }

  .logo {
    position: absolute;
    height: 30px;
    top: 40px;
    left: 40px;
    z-index: 10;
    cursor: pointer;
  }

  .bostonContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
  }

  .boston {
    width: 1500px;
    max-width: 90%;
  }

  .searchWrapper {
    margin: 10px auto !important;
    position: relative;
    text-align: left;
    pointer-events: initial;
  }

  .searchWrapper label {
    left: 17px;
    position: absolute;
    top: 12px;
  }

  .searchWrapper label i {
    color: #ef6e7e;
    display: inline-block !important;
    font-size: inherit !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .searchBox {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    color: rgba(0, 0, 0, 0.6);
    transition: all 300ms ease;
    border: 1px #e3e3e3 solid;
    border-radius: 30px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    padding: 10px 45px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .searchBox:focus {
    border-color: rgba(239, 110, 126, 0.5);
    box-shadow: 0 0 10px rgba(239, 110, 126, 0.5);
    outline: none;
  }

  /* Desktop. */
  @media only screen and (min-width: 767px) {
    .searchWrapper {
      max-width: 80%;
      width: 782px;
    }

    .bostonContainer {
      transition-delay: 1s !important;
      transition: opacity 1s;
    }
  }

  /* Mobile. */
  @media only screen and (max-width: 767px) {
    .searchWrapper {
      width: 95% !important;
      margin-right: 10px !important;
      margin-left: 10px !important;
      max-width: none !important;
    }
  }

  /* Title and subtitle area. Desktop only. */
  @media only screen and (min-width: 767px) {
    .topHeader {
      padding: 3em 0 !important;
      transition-timing-function: cubic-bezier(0.46, 0.03, 0.47, 1.11);
      transition-delay: 1s !important;
      transition: transform 0.75s;
      transition: 1s;
    }

    .resultsContainer {
      transition: transform 0.75s;
      transition-delay: 1s !important;
      transition-timing-function: cubic-bezier(0.46, 0.03, 0.62, 0.98);
    }

    .title {
      font-size: 54px;
    }

    .subtitle {
      font-size: 27px !important;
      margin: 10px 0 25px 0;
    }
  }

  /* Title and subtitle area. Mobile only. */
  @media only screen and (max-width: 767px) {
    .topHeader {
      padding-bottom: 20px !important;
      height: 100%;
    }

    .title {
      font-size: 45px;
    }

    .subtitle {
      font-size: 22px !important;
      max-width: 76%;
      margin: 0 auto;
    }
  }

  /* Github corner. */
  .githubCornerContainer {
    fill: rgba(175, 174, 171, 1);
    color: #fff;
    position: absolute;
    top: 0;
    border: 0;
    right: 0;
    z-index: 10;
  }

  .octopusArm {
    transform-origin: 130px 106px;
  }

  /* Override the blue caused by the <a> tag. */
  .githubCornerContainer:hover {
    color: #fff;
  }

  /* Below here is actually used. */
  .githubCornerContainer:hover .octopusArm {
    animation: octocat-wave 560ms ease-in-out;
  }

  @keyframes octocat-wave {
    0%,
    100% {
      transform: rotate(0);
    }

    20%,
    60% {
      transform: rotate(-25deg);
    }

    40%,
    80% {
      transform: rotate(10deg);
    }
  }

  @media (max-width: 500px) {
    .githubCornerContainer:hover .octopusArm {
      animation: none;
    }

    .githubCornerContainer .octopusArm {
      animation: octocat-wave 560ms ease-in-out;
    }
  }<commit_msg>css lint<commit_after>/*
 * This file is part of Search NEU and licensed under AGPL3.
 * See the license file in the root folder for details.
 */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

.home-container {
  height: 100%;

  .displayNone {
    display: none;
  }

  .topHeader {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
    height: 100%;
    z-index: 100;
    position: relative;
    pointer-events: none;
  }

  .centerTextContainer {
    padding-bottom: 8%;
  }

  .title {
    color: rgb(174, 69, 67);
    font: Roboto, 'Segoe UI', Tahoma, sans-serif;
    font-weight: 400;
    pointer-events: initial;
  }

  .subtitle {
    color: #a3a3a3 !important;
    font-weight: 200;
    pointer-events: initial;
  }

  .logo {
    position: absolute;
    height: 30px;
    top: 40px;
    left: 40px;
    z-index: 10;
    cursor: pointer;
  }

  .bostonContainer {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
  }

  .boston {
    width: 1500px;
    max-width: 90%;
  }

  .searchWrapper {
    margin: 10px auto !important;
    position: relative;
    text-align: left;
    pointer-events: initial;
  }

  .searchWrapper label {
    left: 17px;
    position: absolute;
    top: 12px;
  }

  .searchWrapper label i {
    color: #ef6e7e;
    display: inline-block !important;
    font-size: inherit !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .searchBox {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    color: rgba(0, 0, 0, 0.6);
    transition: all 300ms ease;
    border: 1px #e3e3e3 solid;
    border-radius: 30px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    padding: 10px 45px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .searchBox:focus {
    border-color: rgba(239, 110, 126, 0.5);
    box-shadow: 0 0 10px rgba(239, 110, 126, 0.5);
    outline: none;
  }

  /* Desktop. */
  @media only screen and (min-width: 767px) {
    .searchWrapper {
      max-width: 80%;
      width: 782px;
    }

    .bostonContainer {
      transition-property: opacity;
      transition-delay: 1s !important;
    }
  }

  /* Mobile. */
  @media only screen and (max-width: 767px) {
    .searchWrapper {
      width: 95% !important;
      margin-right: 10px !important;
      margin-left: 10px !important;
      max-width: none !important;
    }
  }

  /* Title and subtitle area. Desktop only. */
  @media only screen and (min-width: 767px) {
    .topHeader {
      padding: 3em 0 !important;
      transition-timing-function: cubic-bezier(0.46, 0.03, 0.47, 1.11);
      transition-delay: 1s !important;
      transition-duration: 0.75s;
      transition-property: transform;
    }

    .resultsContainer {
      transition-duration: 0.75s;
      transition-property: transform;
      transition-delay: 1s !important;
      transition-timing-function: cubic-bezier(0.46, 0.03, 0.62, 0.98);
    }

    .title {
      font-size: 54px;
    }

    .subtitle {
      font-size: 27px !important;
      margin: 10px 0 25px 0;
    }
  }

  /* Title and subtitle area. Mobile only. */
  @media only screen and (max-width: 767px) {
    .topHeader {
      padding-bottom: 20px !important;
      height: 100%;
    }

    .title {
      font-size: 45px;
    }

    .subtitle {
      font-size: 22px !important;
      max-width: 76%;
      margin: 0 auto;
    }
  }

  /* Github corner. */
  .githubCornerContainer {
    fill: rgba(175, 174, 171, 1);
    color: #fff;
    position: absolute;
    top: 0;
    border: 0;
    right: 0;
    z-index: 10;
  }

  .octopusArm {
    transform-origin: 130px 106px;
  }

  /* Override the blue caused by the <a> tag. */
  .githubCornerContainer:hover {
    color: #fff;
  }

  /* Below here is actually used. */
  .githubCornerContainer:hover .octopusArm {
    animation: octocat-wave 560ms ease-in-out;
  }

  @keyframes octocat-wave {
    0%,
    100% {
      transform: rotate(0);
    }

    20%,
    60% {
      transform: rotate(-25deg);
    }

    40%,
    80% {
      transform: rotate(10deg);
    }
  }

  @media (max-width: 500px) {
    .githubCornerContainer .octopusArm {
      animation: octocat-wave 560ms ease-in-out;
    }

    .githubCornerContainer:hover .octopusArm {
      animation: none;
    }
  }
{'fraction_non_alphanumeric': 0.131232725262576, 'fraction_numerical': 0.05749032614704257, 'mean_word_length': 2.230714285714286, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '3064516', 'n_tokens_mistral': 3736, 'n_tokens_neox': 3192, 'n_words': 808}