<commit_before>@import "compass";

@import "../breakpoints";
@import "../colors";
@import "../screen";

.prism {
    @include full-screen-page();

    .prism-screen {
        @include full-screen-container();
    }

    .prism-blurb {
        @include full-screen-blurb();
    }

    .prism-top,
    .prism-bottom {
        font-size: 24px;
        font-variant: small-caps;
        margin: 25px auto;
        width: 33%;

        @include respond-to('phone-down') {
            margin: 0;
            width: 100%;
        }
    }

    .prism-top {
        h2 {
            color: $blue;
            font-family: "affogato-regular";
            font-variant: none;
            text-align: center;
        }
    }

    .prism-middle {
        margin: 0 auto;
        width: 66%;

        img {
            width: 100%;
        }
    }

    .prism-arrow {
        background-image: url(/img/prism/blue-triangle.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        height: 27px;
        width: 48px;
    }

    .prism-projects-row {
        @include display-flex;
        @include flex-direction(row);
        @include justify-content(space-around);
<commit_msg>More room between headers and text<commit_after>@import "compass";

@import "../breakpoints";
@import "../colors";
@import "../screen";

.prism {
    @include full-screen-page();

    .prism-screen {
        @include full-screen-container();
    }

    .prism-blurb {
        @include full-screen-blurb();
    }

    .prism-top,
    .prism-bottom {
        font-size: 24px;
        font-variant: small-caps;
        margin: 25px auto;
        width: 33%;

        @include respond-to('phone-down') {
            margin: 0;
            width: 100%;
        }
    }

    .prism-top {
        h2 {
            color: $blue;
            font-family: "affogato-regular";
            font-variant: none;
            margin-top: 50px;
            text-align: center;
        }
    }

    .prism-middle {
        margin: 0 auto;
        width: 66%;

        img {
            width: 100%;
        }
    }

    .prism-arrow {
        background-image: url(/img/prism/blue-triangle.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        height: 27px;
        width: 48px;
    }

    .prism-projects-row {
        @include display-flex;
        @include flex-direction(row);
        @include justify-content(space-around);

{'fraction_non_alphanumeric': 0.13733387031816352, 'fraction_numerical': 0.01852597664115989, 'mean_word_length': 1.4914744232698094, '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': '1050266', 'n_tokens_mistral': 827, 'n_tokens_neox': 764, 'n_words': 155}