<commit_before>@import 'normalize';

.bg {
  width: 100%;
}

.modal-container {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.83);
}

.clouds {
  width: 100%;
  height: 100%;
}

.bgClouds {
  background-image: url(../images/clouds.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 55%; 
  overflow: visible;
  position: relative;
}

.foregroundCloud {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.logo {
  width: 35.9375%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.text {
  width: 66.25%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.bullets {
  .bullet:first-child {
    animation-delay: 0s;
  }
  .bullet:nth-child(2) {
    animation-delay: 2.1s;
  }
}

.bullet {
  position: absolute;
  width: 48.90625%;
  top: 19.318181818181818%;
  animation-timing-function: linear;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.bullet.left {
  left: -14.84375%;
  transform: translate(100%, -100%);
  animation-name: leftBullet;
}

.bullet.right {
  right: -14.84375%;
  transform: translate(-100%, -100%);
  animation-name: rightBullet;
}

.envelopes {
  
  .envelope {
    position: absolute;
    top: 23.295454545454544%;
    width: 9.84375%;
    opacity: 0;
    
    animation-timing-function: ease-in;
    animation-duration: 4.8s;
    animation-iteration-count: infinite;
  }
  
  .envelope:nth-child(1) {
    animation-delay: 0.6s;
  }
  .envelope:nth-child(2) {
    animation-delay: 1.4s;
  }
  .envelope:nth-child(3) {
    animation-delay: 2.2s;
  }
  .envelope:nth-child(4) {
    animation-delay: 3.0s;
  }
  .envelope:nth-child(5) {
    animation-delay: 3.8s;
  }
  .envelope:nth-child(6) {
    animation-delay: 4.6s;
  }
  
  .envelope.left {
    transform: translate(100%, -100%);
    right: 58.4375%;
    animation-name: leftEnvelope;
  }
  
  .envelope.right {
    transform: translate(-100%, -100%);
    left: 58.4375%;
    animation-name: rightEnvelope;
  }
}

@keyframes leftBullet {
  from {
  }
  
  to {
    transform: translate(-100%, 100%);
  }
}

@keyframes rightBullet {
  from {
  }
  
  to {
    transform: translate(100%, 100%);
  }
}

@keyframes leftEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    transform: translate(-800%, 1200%) scale(8);
  }
}

@keyframes rightEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    transform: translate(800%, 1200%) scale(8);
  }
}<commit_msg>Add webkit prefixes<commit_after>@import 'normalize';

.bg {
  width: 100%;
}

.modal-container {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.83);
}

.clouds {
  width: 100%;
  height: 100%;
}

.bgClouds {
  background-image: url(../images/clouds.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 55%; 
  overflow: visible;
  position: relative;
}

.foregroundCloud {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.logo {
  width: 35.9375%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.text {
  width: 66.25%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.bullets {
  .bullet:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .bullet:nth-child(2) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
  }
}

.bullet {
  position: absolute;
  width: 48.90625%;
  top: 19.318181818181818%;
}

.bullet.left {
  left: -14.84375%;
  
  -webkit-transform: translate(100%, -100%);
  transform: translate(100%, -100%);
  
  -webkit-animation: leftBullet 4s linear infinite;
  animation: leftBullet 4s linear infinite;
}

.bullet.right {
  right: -14.84375%;
  
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  
  -webkit-animation: rightBullet 4s linear infinite;
  animation: rightBullet 4s linear infinite;
}

.envelopes {
  
  .envelope {
    position: absolute;
    top: 23.295454545454544%;
    width: 9.84375%;
    opacity: 0;
  }
  
  .envelope.left {
    right: 58.4375%;
    
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
    
    -webkit-animation: leftEnvelope 4.8s ease-in infinite;
    animation: leftEnvelope 4.8s ease-in infinite;
  }
  
  .envelope.right {
    left: 58.4375%;
    
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    
    -webkit-animation: rightEnvelope 4.8s ease-in infinite;
    animation: rightEnvelope 4.8s ease-in infinite;
  }
  
  .envelope:nth-child(1) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .envelope:nth-child(2) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
  }
  .envelope:nth-child(3) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
  }
  .envelope:nth-child(4) {
    -webkit-animation-delay: 3.0s;
    animation-delay: 3.0s;
  }
  .envelope:nth-child(5) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
  }
  .envelope:nth-child(6) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s;
  }
  
}

@-webkit-keyframes leftBullet {
  from {
  }
  
  to {
    -webkit-transform: translate(-100%, 100%);
  }
}

@keyframes leftBullet {
  from {
  }
  
  to {
    transform: translate(-100%, 100%);
  }
}

@-webkit-keyframes rightBullet {
  from {
  }
  
  to {
    -webkit-transform: translate(100%, 100%);
  }
}

@keyframes rightBullet {
  from {
  }
  
  to {
    transform: translate(100%, 100%);
  }
}

@-webkit-keyframes leftEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    -webkit-transform: translate(-800%, 1200%) scale(8);
  }
}

@keyframes leftEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    transform: translate(-800%, 1200%) scale(8);
  }
}

@-webkit-keyframes rightEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    -webkit-transform: translate(800%, 1200%) scale(8);
  }
}

@keyframes rightEnvelope {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 1;
    transform: translate(800%, 1200%) scale(8);
  }
}
{'fraction_non_alphanumeric': 0.16212338593974174, 'fraction_numerical': 0.07779371911366173, 'mean_word_length': 2.630787037037037, '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': '5427711', 'n_tokens_mistral': 2879, 'n_tokens_neox': 2491, 'n_words': 492}