<commit_before>$orange: #ec4715;
$light-orange: rgb(240,108,68);
$light-grey-background: rgb(237,239,236);
.body-tag {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  //padding-top: 70px;
  .nav-custom {
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
    position: fixed;
    z-index: 1;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.85);
    margin: 0;
    margin-bottom: -50px;
    border-radius: 0;
    ul {
      float: right;
      li > a {
        color: white;
        font-weight: bold;
        transition: all 0.2s;
      }
      li > a:hover, li > a:focus  {
        .glyphicon-chevron-right {
          color: $orange;
        }
        color: $orange;
        background: initial;
      }
    }
    .toggle-nav {
      display: none;
    }
  }
}
.backstretch {
  background: black url('/images/background_mini.png') no-repeat;
  background-size: cover;
}
.teaser-container {
  background:black url('/images/background_mini.png') no-repeat;
  background-size: cover;
  padding-top: 70px;
  color: white;
  height: 100vh;
  transition: background 0.2s;
  //position: relative;
  .left-wrapper {
    position: relative;
    line-height: 1.2;
    padding-right: 20px;
    text-align: right;
    .center-logo-div {
      .center-logo {
        right: -50px;
      }
    }
     :after {
      content: '';
      height: 85%;
      width: 1px;
      position: absolute;
      right: 0;
      top: 10%;
      background-color: white;
    }
    .orange {
      color: $orange;
    }
  }
  .right-wrapper {
    text-align: left;
    padding: 15px;
    vertical-align: text-bottom;
    font-family: proxima-nova-regular, sans-serif;
    text-transform: uppercase;
    sup {
      font-size: 0.5em;
      top: -0.7em;
    }
  }
  .buy-btn {
    background-color: $orange;
    padding: 20px 0;
    border: 1px solid white;
    border-radius: 0;
    width: 60%;
    font-size: 12pt;
    color: inherit;
  }
  .buy-btn:hover {
    background-color: $light-orange;
    color: white;
  }
  .ghost-btn {
    background-color: rgba(0,0,0,0.7);
    border-color: $orange;
    border-radius: 0;
    color: inherit;

    //right: 5%;
    width: 100%;
    padding: 15px 10px;
    .play-btn {
      padding-left: 10px;
    }
  }
  .ghost-btn:hover {
    background-color: $orange;<commit_msg>background animation added<commit_after>$orange: #ec4715;
$light-orange: rgb(240,108,68);
$light-grey-background: rgb(237,239,236);
@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.body-tag {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  .nav-custom {
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
    position: fixed;
    z-index: 1;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.85);
    margin: 0;
    margin-bottom: -50px;
    border-radius: 0;
    ul {
      float: right;
      li > a {
        color: white;
        font-weight: bold;
        transition: all 0.2s;
      }
      li > a:hover, li > a:focus  {
        .glyphicon-chevron-right {
          color: $orange;
        }
        color: $orange;
        background: initial;
      }
    }
    .toggle-nav {
      display: none;
    }
  }
}
.backstretch {
  background: black url('/images/background_mini.png') no-repeat;
  background-size: cover;
  img {
    animation: anim .2s ease-in-out;
  }
}
.teaser-container {
  background:black url('/images/background_mini.png') no-repeat;
  background-size: cover;
  padding-top: 70px;
  color: white;
  height: 100vh;
  animation: anim .1s ease-in-out;
  .left-wrapper {
    position: relative;
    line-height: 1.2;
    padding-right: 20px;
    text-align: right;
    .center-logo-div {
      .center-logo {
        right: -50px;
      }
    }
     :after {
      content: '';
      height: 85%;
      width: 1px;
      position: absolute;
      right: 0;
      top: 10%;
      background-color: white;
    }
    .orange {
      color: $orange;
    }
  }
  .right-wrapper {
    text-align: left;
    padding: 15px;
    vertical-align: text-bottom;
    font-family: proxima-nova-regular, sans-serif;
    text-transform: uppercase;
    sup {
      font-size: 0.5em;
      top: -0.7em;
    }
  }
  .buy-btn {
    background-color: $orange;
    padding: 20px 0;
    border: 1px solid white;
    border-radius: 0;
    width: 60%;
    font-size: 12pt;
    color: inherit;
  }
  .buy-btn:hover {
    background-color: $light-orange;
    color: white;
  }
  .ghost-btn {
    background-color: rgba(0,0,0,0.7);
    border-color: $orange;
    border-radius: 0;
    color: inherit;
    width: 100%;
    padding: 15px 10px;
    .play-btn {
      padding-left: 10px;
    }
  }
  .ghost-btn:hover {
    background-color: $orange;
{'fraction_non_alphanumeric': 0.1421706047256708, 'fraction_numerical': 0.037044453344012816, 'mean_word_length': 2.133626097867001, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '4210221', 'n_tokens_mistral': 1991, 'n_tokens_neox': 1790, 'n_words': 377}