<commit_before>:root {
  --fontFamily: 'League Spartan', 'Helvetica Neue', sans-serif;
  --fontSizeBase: 1rem;
  --fontSizeH1: 2.75rem;
  --colorBg: #00d6be;
  --colorBodyText: #333;
  --colorYellow: #e1ff19;
  --easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@custom-media --viewport-small (width <= 720px);
@custom-media --viewport-mini (width <= 500px);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::-moz-selection {
  background-color: var(--colorBg);
  color: var(--colorYellow);
}

::selection {
  background-color: var(--colorBg);
  color: var(--colorYellow);
}

body {
  font-family: var(--fontFamily);
  font-size: var(--fontSizeBase);
  min-height: 100vh;
  background-color: var(--colorBg);
  -webkit-font-smoothing: antialiased;
}

/* Helpers */
.flex {
  display: flex;
}

/* App */
#app {
  padding-top: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: all .5s linear;
}

#app.visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 1s;
}

/* Animations */
@keyframes heroH1Enter {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes drkatz {
  from { background-position: center 0px; }
  to { background-position: center -80px; }
}

/* Hero */
.hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('../img/header.jpg') center no-repeat;
  background-size: cover;
  z-index: -1;
}

.hero .flex {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.hero h1 {
  max-width: 700px;
  font-size: var(--fontSizeH1);
  text-align: center;
  color: white;
}

.visible .hero h1 {
  animation: 1s var(--easeOutQuad) 1s 1 heroH1Enter;
}

.hero h1 span {
  position: relative;
}

.hero h1 span::after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 40px;
  background-position: center 0;
  background-repeat: no-repeat;
  animation: drkatz .25s steps(2) infinite;
  transition: none;
}

.hero .underline--jagged::after {
  left: -4px;
  width: 120px;
  background-image: url('../img/underline-jagged.svg')
}

.hero .underline--straight::after {
  left: -8px;
  width: 170px;
  background-image: url('../img/underline-straight.svg')
}

.hero__logo {
  position: absolute;
  top: 3em;
  left: 3em;
  width: 165px;
}

.hero__arrow {
  position: absolute;
  bottom: 3em;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url('../img/arrow.svg') center 0 no-repeat;
  animation: drkatz .25s steps(2) infinite;
}

@media(--viewport-small) {
  .hero h1 {
    line-height: 1.75em;
    padding: 0 1em;
  }
}

@media(--viewport-mini) {
  .hero__logo {
    top: 1.5em;
    left: 50%;
    width: 125px;
    margin-left: -62.5px;
  }

  .hero h1 {
    font-size: calc(var(--fontSizeH1) * .7);
  }

  .hero h1 span::after {
    transform: scale(.7)
  }

  .hero .underline--jagged::after {
    left: -21px;
  }

  .hero .underline--straight::after {
    left: -31px;<commit_msg>Makes the hero heading large on big screens<commit_after>:root {
  --fontFamily: 'League Spartan', 'Helvetica Neue', sans-serif;
  --fontSizeBase: 1rem;
  --fontSizeH1: 2.75rem;
  --colorBg: #00d6be;
  --colorBodyText: #333;
  --colorYellow: #e1ff19;
  --easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@custom-media --viewport-big (width >= 1400px);
@custom-media --viewport-small (width <= 720px);
@custom-media --viewport-mini (width <= 500px);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::-moz-selection {
  background-color: var(--colorBg);
  color: var(--colorYellow);
}

::selection {
  background-color: var(--colorBg);
  color: var(--colorYellow);
}

body {
  font-family: var(--fontFamily);
  font-size: var(--fontSizeBase);
  min-height: 100vh;
  background-color: var(--colorBg);
  -webkit-font-smoothing: antialiased;
}

/* Helpers */
.flex {
  display: flex;
}

/* App */
#app {
  padding-top: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: all .5s linear;
}

#app.visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 1s;
}

/* Animations */
@keyframes heroH1Enter {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes drkatz {
  from { background-position: center 0px; }
  to { background-position: center -80px; }
}

/* Hero */
.hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('../img/header.jpg') center no-repeat;
  background-size: cover;
  z-index: -1;
}

.hero .flex {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.hero h1 {
  max-width: 700px;
  font-size: var(--fontSizeH1);
  text-align: center;
  color: white;
}

.visible .hero h1 {
  animation: 1s var(--easeOutQuad) 1s 1 heroH1Enter;
}

.hero h1 span {
  position: relative;
}

.hero h1 span::after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 40px;
  background-position: center 0;
  background-repeat: no-repeat;
  animation: drkatz .25s steps(2) infinite;
  transition: none;
}

.hero .underline--jagged::after {
  left: -4px;
  width: 120px;
  background-image: url('../img/underline-jagged.svg')
}

.hero .underline--straight::after {
  left: -8px;
  width: 170px;
  background-image: url('../img/underline-straight.svg')
}

.hero__logo {
  position: absolute;
  top: 3em;
  left: 3em;
  width: 165px;
}

.hero__arrow {
  position: absolute;
  bottom: 3em;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url('../img/arrow.svg') center 0 no-repeat;
  animation: drkatz .25s steps(2) infinite;
}

@media(--viewport-big) {
  .hero h1 {
    font-size: 4em;
    max-width: 1000px;
  }

  .hero h1 span::after {
    transform: scale(1.5);
    left: 20px !important;
  }

}

@media(--viewport-small) {
  .hero h1 {
    line-height: 1.75em;
    padding: 0 1em;
  }
}

@media(--viewport-mini) {
  .hero__logo {
    top: 1.5em;
    left: 50%;
    width: 125px;
    margin-left: -62.5px;
  }

  .hero h1 {
    font-size: calc(var(--fontSizeH1) * .7);
  }

  .hero h1 span::after {
    transform: scale(.7)
  }

  .hero .underline--jagged::after {
    left: -21px;
  }

  .hero .underline--straight::after {
    left: -31px;
{'fraction_non_alphanumeric': 0.17247359293709602, 'fraction_numerical': 0.0487151190288507, 'mean_word_length': 2.9233147804576376, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 4, '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': '2317907', 'n_tokens_mistral': 2798, 'n_tokens_neox': 2535, 'n_words': 559}