<commit_before>.site {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.site-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-left: 30vw;
    padding: 0 2%;
    @media (max-width: 1100px) {
        margin-left: 0%;
        padding: 0%;
    }
}

footer {
    background-color: $footer-bg-color;
    border-left: $footer-border-top;
    color: $footer-color;
    font-size: $footer-font-size;
    font-weight: $footer-font-weight;
    padding: $footer-padding;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    &:hover {
        background: #f7f7f7;
    }
    @media (max-width: 800px) {
        display: none;
    }
}

.left-sidebar {
    width: 26vw;
    @media (max-width: 1100px) {
        display: none;
    }
    background-size:cover;
    background-position:center;
    background-image: url(../images/space.jpg);
    padding: 2%;
    -ms-flex: 0 100px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    position: fixed;
    height: 100vh;
    // -moz-box-shadow: inset 3vw 0px 50vw rgba(0, 0, 0, 0.65);
    // -webkit-box-shadow: inset 3vw 0px 33vw rgba(0, 0, 0, 0.65);
    // box-shadow: inset 3vw 0px 50vw rgba(0, 0, 0, 0.65);
    &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-linear-gradient(to left, #5F5F5F, #000);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, #5F5F5F, #000);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        opacity: .5;
    }
    h3 {
        position: fixed;
    }
}

.overlay {
    position: absolute;
    width: 30vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: all 1.5s ease-in-out;
    // background-image: url("http://www.transparenttextures.com/patterns/grid-noise.png");
}

// .site-wrap {
//     -ms-flex: 1;
//     -webkit-box-flex: 1;
//     -moz-box-flex: 1;
//     -ms-box-flex: 1;
//     box-flex: 1;
// }
.flex-wrap {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;<commit_msg>darken on scroll down<commit_after>.site {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.site-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-left: 30vw;
    padding: 0 2%;
    @media (max-width: 1100px) {
        margin-left: 0%;
        padding: 0%;
    }
}

footer {
    background-color: $footer-bg-color;
    border-left: $footer-border-top;
    color: $footer-color;
    font-size: $footer-font-size;
    font-weight: $footer-font-weight;
    padding: $footer-padding;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    &:hover {
        background: #f7f7f7;
    }
    @media (max-width: 800px) {
        display: none;
    }
}

.left-sidebar {
    width: 26vw;
    @media (max-width: 1100px) {
        display: none;
    }
    background-size:cover;
    background-position:center;
    background-image: url(../images/space.jpg);
    padding: 2%;
    -ms-flex: 0 100px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    position: fixed;
    height: 100vh;
    // -moz-box-shadow: inset 3vw 0px 50vw rgba(0, 0, 0, 0.65);
    // -webkit-box-shadow: inset 3vw 0px 33vw rgba(0, 0, 0, 0.65);
    // box-shadow: inset 3vw 0px 50vw rgba(0, 0, 0, 0.65);
    &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-linear-gradient(to left, #5F5F5F, #000);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, #5F5F5F, #000);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        opacity: .5;
    }
    h3 {
        position: fixed;
    }
}

.overlay {
    position: absolute;
    width: 30vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: all 1.5s ease;
    // background-image: url("http://www.transparenttextures.com/patterns/grid-noise.png");
}

// .site-wrap {
//     -ms-flex: 1;
//     -webkit-box-flex: 1;
//     -moz-box-flex: 1;
//     -ms-box-flex: 1;
//     box-flex: 1;
// }
.flex-wrap {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
{'fraction_non_alphanumeric': 0.16475327291037262, 'fraction_numerical': 0.05236656596173213, 'mean_word_length': 1.998792270531401, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '2925255', 'n_tokens_mistral': 2149, 'n_tokens_neox': 1867, 'n_words': 434}