<commit_before>/* Basic Flexbox & Grid Elements  */
.flex-twothirds {
    flex: 2 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.flex-square {
    flex: 1 auto;
    display:flex;
    justify-content: center;
}

.flex-container {
    display:flex;
    flex-flow: column;
    align-items: center;
} 

@media screen and (min-width: 768px){
    .flex-container {
        flex-flow: row wrap;
    }
}


/* Flex-Box Navbar (NB) 
with brand on left and links on right */
.l-nb-f {
    display: flex;
    flex-wrap: wrap;
}
.l-nb-item {
    flex: 1 0 auto;
}
.l-nb-start {
    align-self: stretch;
}
.l-nb-link-container {
    margin: 0 auto;
    align-self: flex-end;
    display: flex;
    flex-flow: row wrap;
}
.l-nb-link-container a {
    flex: 2 0 auto;
    padding:  1.25rem 1.125rem 0.625rem 1.125rem ; /* 18px */
}

/* Media Quieres for Naviagion Bar */

@media screen and (max-width: 350px){
    .l-nb-link-container {
        margin: 0;
        align-self: flex-start;
        display: flex;
        flex-flow: column;
    }
     }

@media screen and (min-width: 580px){
    .l-nb-link-container {
        margin-left: auto;
        align-self: flex-end;
        display: flex;
    }
}

/* Feature Content (FC) Grid and Flexbox with Background Image */
.l-fc {
    padding: 1.875rem 3.75rem 3.75rem 3.75rem;
}
.l-fc-f {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.l-fc-background {
    background-image: url("../img/purp.png");
    background-blend-mode: color-dodge;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 768px){
    .l-fc {
        min-height: 424px;
    }
}

#logo {
    height: 80px;
    width: 120px;
}

/* Color */<commit_msg>fix background mode<commit_after>/* Basic Flexbox & Grid Elements  */
.flex-twothirds {
    flex: 2 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.flex-square {
    flex: 1 auto;
    display:flex;
    justify-content: center;
}

.flex-container {
    display:flex;
    flex-flow: column;
    align-items: center;
} 

@media screen and (min-width: 768px){
    .flex-container {
        flex-flow: row wrap;
    }
}


/* Flex-Box Navbar (NB) 
with brand on left and links on right */
.l-nb-f {
    display: flex;
    flex-wrap: wrap;
}
.l-nb-item {
    flex: 1 0 auto;
}
.l-nb-start {
    align-self: stretch;
}
.l-nb-link-container {
    margin: 0 auto;
    align-self: flex-end;
    display: flex;
    flex-flow: row wrap;
}
.l-nb-link-container a {
    flex: 2 0 auto;
    padding:  1.25rem 1.125rem 0.625rem 1.125rem ; /* 18px */
}

/* Media Quieres for Naviagion Bar */

@media screen and (max-width: 350px){
    .l-nb-link-container {
        margin: 0;
        align-self: flex-start;
        display: flex;
        flex-flow: column;
    }
     }

@media screen and (min-width: 580px){
    .l-nb-link-container {
        margin-left: auto;
        align-self: flex-end;
        display: flex;
    }
}

/* Feature Content (FC) Grid and Flexbox with Background Image */
.l-fc {
    padding: 1.875rem 3.75rem 3.75rem 3.75rem;
}
.l-fc-f {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.l-fc-background {
    background-image: url("../img/purp.png");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 768px){
    .l-fc {
        min-height: 424px;
    }
}

#logo {
    height: 80px;
    width: 120px;
}

/* Color */
{'fraction_non_alphanumeric': 0.14669304691916338, 'fraction_numerical': 0.03278688524590164, 'mean_word_length': 2.1825539568345325, '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': '4175120', 'n_tokens_mistral': 1417, 'n_tokens_neox': 1304, 'n_words': 324}