<commit_before>body {
  background-color: black;
  color: white;
  overflow: hidden;
}

.answer-container {
  width: 100%;
  height: 10vh;
}

.clue-container {
  width: 100%;
  height: 40vh;
}

.map-container {
  width: 100%;
  height: 0vh;
}

.street-view-container {
  width: 100%;
  height: 100vh;
}

/** LANDING PAGE */
.landing-page {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-image: url(../assets/background.jpg);
  z-index: 999;
}

.landing-page .title-container {
  position: relative;
  top: 35vh;
  text-align: center;
  color: white;
}

.landing-page .title {
  font-family: 'Permanent Marker';
  font-size: 140px;
}

.landing-page .tagline {
  font-size: 32px;
}

.landing-page .start-game {
  position: relative;
  top: 40px;
  font-size: 16px;
  background-color: hsl(347, 91%, 29%);
  color: white;
  border-width: 0px;
}

.landing-page .start-game:hover {
  background-color: hsl(347, 93%, 41%);
}

/** WORLD FILTERS **/

.colorful-contrast {
  -webkit-filter:
    grayscale(24.7%)
    sepia(16.7%)
    brightness(0.75)
    contrast(241%)
    saturate(138.4%)
    hue-rotate(0deg);
  filter:
    grayscale(24.7%)
    sepia(16.7%)
    brightness(0.75)
    contrast(241%)
    saturate(138.4%)
    hue-rotate(0deg);
}

.sepia {
    -webkit-filter:
        sepia(80%)
        brightness(1)
        contrast(100%)
        saturate(140%)
        hue-rotate(0deg);
    filter:
        sepia(80%)
        brightness(1)
        contrast(100%)
        saturate(140%)
        hue-rotate(0deg);
}

.gritty {
    -webkit-filter:
        grayscale(100%)
        sepia(3%)
        brightness(0.75)
        contrast(219%)<commit_msg>Add filters for colorful contrast<commit_after>body {
  background-color: black;
  color: white;
  overflow: hidden;
}

.answer-container {
  width: 100%;
  height: 10vh;
}

.clue-container {
  width: 100%;
  height: 40vh;
}

.map-container {
  width: 100%;
  height: 0vh;
}

.street-view-container {
  width: 100%;
  height: 100vh;
}

/** LANDING PAGE */
.landing-page {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-image: url(../assets/background.jpg);
  z-index: 999;
}

.landing-page .title-container {
  position: relative;
  top: 35vh;
  text-align: center;
  color: white;
}

.landing-page .title {
  font-family: 'Permanent Marker';
  font-size: 140px;
}

.landing-page .tagline {
  font-size: 32px;
}

.landing-page .start-game {
  position: relative;
  top: 40px;
  font-size: 16px;
  background-color: hsl(347, 91%, 29%);
  color: white;
  border-width: 0px;
}

.landing-page .start-game:hover {
  background-color: hsl(347, 93%, 41%);
}

/** WORLD FILTERS **/

.colorful-contrast {
  -webkit-filter:
    grayscale(6.6%)
    sepia(1.7%)
    brightness(0.85)
    contrast(195%)
    saturate(108.4%)
    hue-rotate(10deg);
  filter:
    grayscale(6.6%)
    sepia(1.7%)
    brightness(0.85)
    contrast(195%)
    saturate(108.4%)
    hue-rotate(10deg);
}

.sepia {
    -webkit-filter:
        sepia(80%)
        brightness(1)
        contrast(100%)
        saturate(140%)
        hue-rotate(0deg);
    filter:
        sepia(80%)
        brightness(1)
        contrast(100%)
        saturate(140%)
        hue-rotate(0deg);
}

.gritty {
    -webkit-filter:
        grayscale(100%)
        sepia(3%)
        brightness(0.75)
        contrast(219%)
{'fraction_non_alphanumeric': 0.15997638724911453, 'fraction_numerical': 0.06965761511216056, 'mean_word_length': 2.541274817136886, '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': '1250173', 'n_tokens_mistral': 1530, 'n_tokens_neox': 1328, 'n_words': 245}