<commit_before>/* common styling for small font */
.smallFont {
    font-size: 20px;
}


/* transition parameters common to all transition styles */
.transitionParameters {
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}


/* background color transition class */
.backgroundColorTransition {
    composes: transitionParameters;

    transition-property: background-color;
}


/* opacity transition class */
.opacityTransition {
    composes: transitionParameters;

    transition-property: opacity;
}


.header {
    margin: 0;
    font-weight: normal;
    text-align: center;
    font-size: 40px;
}


/* >= medium devices */
@media (min-width: 400px) {
    .header {
        font-size: 60px;
    }
}


/* large devices only */
@media (min-width: 700px) {
    .header {
        font-size: 80px;
    }
}


.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    min-height: 100%;
    padding: 8%;

    background-color: black;
    /* black-paper pattern graciously provided by subtlepatterns.com */
    background-image: url(/static/images/black-paper.png);
    color: white;
    font-family: courier, monospace;
}




.subheader {
    composes: smallFont;

    margin: 0;
    text-align: center;
}


.moreText {
    composes: opacityTransition;
    composes: smallFont;

    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    opacity: 0;
}


.moreTextVisible {
    composes: moreText;

    opacity: 1;
}


.button {
    composes: backgroundColorTransition;
    composes: smallFont;

    margin-top: 20px;
    border-width: 0;
    border-radius: 10px;
    outline: 0;
    padding: 20px;
    background-color: #135196;
}

.button:hover {
    background-color: #2361A6;
}<commit_msg>improved responsive styling<commit_after>.smallFont {
    font-size: 15px;
}


.largeFont {
    font-size: 40px;
}


/* >= medium devices */
@media (min-width: 520px) {
    .smallFont {
        font-size: 20px;
    }
    .largeFont {
        font-size: 60px;
    }
}


/* large devices only */
@media (min-width: 700px) {
    .smallFont {
        font-size: 25px;
    }
    .largeFont {
        font-size: 80px;
    }
}


/* transition parameters common to all transition styles */
.transitionParameters {
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}


.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    min-height: 100%;
    padding: 8%;

    background-color: black;
    /* black-paper pattern graciously provided by subtlepatterns.com */
    background-image: url(/static/images/black-paper.png);
    color: white;
    font-family: courier, monospace;
}


.header {
    composes: largeFont;

    margin: 0;
    font-weight: normal;
    text-align: center;
}


.subheader {
    composes: smallFont;

    margin: 0;
    text-align: center;
}


.moreText {
    composes: transitionParameters;
    composes: smallFont;

    transition-property: opacity;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    opacity: 0;
}


.moreTextVisible {
    composes: moreText;

    opacity: 1;
}


.button {
    composes: transitionParameters;
    composes: smallFont;

    transition-property: background-color;
    margin-top: 20px;
    border-width: 0;
    border-radius: 10px;
    outline: 0;
    padding: 20px;
    background-color: #135196;
}


.button:hover {
    background-color: #2361A6;
}
{'fraction_non_alphanumeric': 0.12407152682255845, 'fraction_numerical': 0.027510316368638238, 'mean_word_length': 2.5822660098522165, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2234972', 'n_tokens_mistral': 1325, 'n_tokens_neox': 1192, 'n_words': 278}