<commit_before>html {
    width: 100vw;
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 27%);
    line-height: normal;

    max-width: 100vw;
}

/* -- generic styles -- */

h1,
h2,
h3 {
    margin: 10px 0px;

    font-weight: 300;
    line-height: 1.2;
}

p {
    margin: 10px 0px;
    font-weight: normal;
    line-height: 1.5;
}

ul {
    font-weight: normal;
}

a,
a:hover,
a:visited {
    color: hsl(170, 47%, 33%);
    font-weight: 500;
}

a.arrow::after {
    content: " ";
    display: inline-block;
    position: relative;

    height: 17px;
    width: 17px;

    top: 3px;

    background-image: url(/static/images/landing-page/arrow.png);
    background-size: 100%;

    margin-left: 5px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

a {
    position: relative;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

span a:hover,
p a:hover,
ul a:hover,
ol a:hover {
    text-decoration: underline;
}

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

.float.left {
    float: left;
}

.float.right {
    float: right;
}

.float.clear {
    clear: both;
}

.small {
    font-size: 0.8em;
}

.box-shadow {
    box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
}

.grey {
    color: hsl(0, 0%, 60%);
}

.dark-grey {
    color: hsl(0, 0%, 40%);
}

.bold {
    font-weight: 600;
}

.silver.bold {
    font-weight: 600;
}

.padded-content {
    padding: 50px;
}

.clear-float {
    clear: both;
}

*::-moz-selection {
    background-color: hsla(31, 84%, 60%, 0.3);
}

*::selection {
    background-color: hsla(31, 84%, 60%, 0.3);
}

.center {
    text-align: center;
}

/* -- component styling -- */
button {
    padding: 5px 12px;

    font-family: inherit;
    font-size: 0.7em;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 27%);

    border-radius: 4px;
    border: 1px solid hsl(0, 0%, 80%);
    outline: none;
}

button.green {
    color: hsl(0, 0%, 100%);
    background-color: hsl(170, 47%, 53%);

    border: 1px solid hsl(169, 45%, 43%);
}

button.green:hover {
    -webkit-filter: brightness(1.05);
    -moz-filter: brightness(1.05);
    filter: brightness(1.05);
}

button.green:active {
    -webkit-filter: brightness(0.95);
    -moz-filter: brightness(0.95);
    filter: brightness(0.95);
}

button.black-disabled {
    cursor: default;
    color: hsl(0, 0%, 20%);
    background-color: transparent;
    border: 1px solid hsl(0, 0%, 53%);
}

button:active {
    background-color: hsl(0, 0%, 98%);
    border: 1px solid hsl(0, 0%, 73%);
}

/* -- navbar styling -- */

nav {
    width: calc(100% - 80px);
    position: absolute;
    color: hsl(0, 0%, 100%);

    padding: 40px;

    z-index: 4;
}

nav .brand.logo {
    text-decoration: none;
}

nav.white {
    background-color: hsl(0, 0%, 100%);
}

a.silver {
    text-decoration: underline;
}
<commit_msg>portico: Refactor button selectors to use SCSS nesting.<commit_after>html {
    width: 100vw;
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 27%);
    line-height: normal;

    max-width: 100vw;
}

/* -- generic styles -- */

h1,
h2,
h3 {
    margin: 10px 0px;

    font-weight: 300;
    line-height: 1.2;
}

p {
    margin: 10px 0px;
    font-weight: normal;
    line-height: 1.5;
}

ul {
    font-weight: normal;
}

a,
a:hover,
a:visited {
    color: hsl(170, 47%, 33%);
    font-weight: 500;
}

a.arrow::after {
    content: " ";
    display: inline-block;
    position: relative;

    height: 17px;
    width: 17px;

    top: 3px;

    background-image: url(/static/images/landing-page/arrow.png);
    background-size: 100%;

    margin-left: 5px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

a {
    position: relative;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

span a:hover,
p a:hover,
ul a:hover,
ol a:hover {
    text-decoration: underline;
}

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

.float.left {
    float: left;
}

.float.right {
    float: right;
}

.float.clear {
    clear: both;
}

.small {
    font-size: 0.8em;
}

.box-shadow {
    box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
}

.grey {
    color: hsl(0, 0%, 60%);
}

.dark-grey {
    color: hsl(0, 0%, 40%);
}

.bold {
    font-weight: 600;
}

.silver.bold {
    font-weight: 600;
}

.padded-content {
    padding: 50px;
}

.clear-float {
    clear: both;
}

*::-moz-selection {
    background-color: hsla(31, 84%, 60%, 0.3);
}

*::selection {
    background-color: hsla(31, 84%, 60%, 0.3);
}

.center {
    text-align: center;
}

/* -- component styling -- */
button {
    padding: 5px 12px;

    font-family: inherit;
    font-size: 0.7em;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 27%);

    border-radius: 4px;
    border: 1px solid hsl(0, 0%, 80%);
    outline: none;

    &.green {
        color: hsl(0, 0%, 100%);
        background-color: hsl(170, 47%, 53%);

        border: 1px solid hsl(169, 45%, 43%);

        &:hover {
            -webkit-filter: brightness(1.05);
            -moz-filter: brightness(1.05);
            filter: brightness(1.05);
        }

        &:active {
            -webkit-filter: brightness(0.95);
            -moz-filter: brightness(0.95);
            filter: brightness(0.95);
        }
    }

    &.black-disabled {
        cursor: default;
        color: hsl(0, 0%, 20%);
        background-color: transparent;
        border: 1px solid hsl(0, 0%, 53%);
    }

    &:active {
        background-color: hsl(0, 0%, 98%);
        border: 1px solid hsl(0, 0%, 73%);
    }
}

/* -- navbar styling -- */

nav {
    width: calc(100% - 80px);
    position: absolute;
    color: hsl(0, 0%, 100%);

    padding: 40px;

    z-index: 4;
}

nav .brand.logo {
    text-decoration: none;
}

nav.white {
    background-color: hsl(0, 0%, 100%);
}

a.silver {
    text-decoration: underline;
}

{'fraction_non_alphanumeric': 0.17631876109049846, 'fraction_numerical': 0.06452653653815131, 'mean_word_length': 2.2752245113576333, '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': '6257500', 'n_tokens_mistral': 2870, 'n_tokens_neox': 2463, 'n_words': 563}