<commit_before>html, body {
    background-color: white;
    height: calc(100vw - 3em);
    position: relative;
}

.hero {
    &-background {
    background: linear-gradient(135deg, #3023AE , #C86DD7);
    width: 100%;
    color: white;
    height: 660px;
        @media (max-width: 1200px) { 
            height: 590px;
        }
        @media (max-width: 992px) { 
            height: auto;
        }
        @media (max-width: 768px) { 
            height: auto;
        }
        @media (max-width: 576px) { 
            height: auto;
        }
    }
    &-image {
        flex-basis: 1400px;
        @media (max-width: 576px) { 
            margin-bottom: 20px;
        }
        @media (max-width: 768px) { 
            margin-bottom: 20px;
        }
    }
    &-copy {
        z-index: 1;
        @media (max-width: 768px) { 
            text-align: center;
        }
        @media (max-width: 576px) { 
            text-align: center;
        }
    }
}

.navbar-brand {
    margin-right: none !important;
}
.navbar-light .navbar-toggler {
    border: none;
    margin-top: 13px;
}

button:focus {
    outline: none !important;
    outline: none !important;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: rgba(255, 255, 255, 0) !important;
}

.btn-primary {
    background-color: #55af59 !important;
    border-color: #55af59 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #55af59 !important;
    border-color: #55af59 !important;
}

.text {

    &-header {
        color: #454F5B;
    }
    &-body-color {<commit_msg>Ensure there is enough space for the mobile hamburger dropdown (#2394)<commit_after>html, body {
    background-color: white;
    height: calc(100vw - 3em);
    position: relative;
}

.hero {
    &-background {
    background: linear-gradient(135deg, #3023AE , #C86DD7);
    width: 100%;
    color: white;
    height: 660px;
        @media (max-width: 1200px) { 
            height: 590px;
        }
        @media (max-width: 992px) { 
            height: auto;
        }
        @media (max-width: 768px) { 
            height: auto;
        }
        @media (max-width: 576px) { 
            height: auto;
        }
    }
    &-image {
        flex-basis: 1400px;
        @media (max-width: 576px) { 
            margin-bottom: 20px;
        }
        @media (max-width: 768px) { 
            margin-bottom: 20px;
        }
    }
    &-copy {
        z-index: 1;
        @media (max-width: 768px) { 
            text-align: center;
        }
        @media (max-width: 576px) { 
            text-align: center;
        }
    }
}

.navbar-brand {
  margin-right: none !important;

  @media (max-width: 568px) {
    h2 {
      font-size: 0.8em;
    }
  }
}
.navbar-light .navbar-toggler {
    border: none;
    margin-top: 13px;
}

button:focus {
    outline: none !important;
    outline: none !important;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: rgba(255, 255, 255, 0) !important;
}

.btn-primary {
    background-color: #55af59 !important;
    border-color: #55af59 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #55af59 !important;
    border-color: #55af59 !important;
}

.text {

    &-header {
        color: #454F5B;
    }
    &-body-color {
{'fraction_non_alphanumeric': 0.14046429620922715, 'fraction_numerical': 0.05524537173082574, 'mean_word_length': 1.8437761069340017, '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': '2352610', 'n_tokens_mistral': 1354, 'n_tokens_neox': 1163, 'n_words': 248}