@font-face {
    font-family: 'Handjet', monospace!important;
    src: url('/fonts/handjet/static/Handjet-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Blockstepped', sans-serif!important;
    src: url('/fonts/blockstepped/Blockstepped.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body.journal {
    background: url("imgs/bgs/grid.jpg");
    background-repeat: repeat;
    margin: 0 auto;
    max-width: 1440px !important;
    box-sizing: border-box;
    cursor: url(https://cur.cursors-4u.net/others/oth-5/oth500.cur), auto !important;

    .skip-to-content-link {
        background: var(--yellow);
        color: var(--slate-blue);
        top: 1rem;
        left: 1rem;
        padding: 0.5rem;
        position: absolute;
        transform: translateX(-200%);
        transition: transform 0.3s;
    }

    .skip-to-content-link:focus {
        transform: translateX(0%);
    }

    main {
        margin: 0 3rem;

        .btt-link {
            font-family: 'Handjet', monospace!important;
            transition: all 0.1s;
            font-size: 16px;
            padding: 0.5rem;
            background: var(--pink);
            color: var(--slate-blue);
            font-weight: 700;
            border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAExUlEQVR4AbRZgXHbMAyks0/badqM0niCZJW007gLuf98AIJAUlbSqw8EH8ADBGlZUtqnZp9vz9f7bFg4TZeENzjLpa818aXb8kPubHhCNOqObb5v0JAWG/0WXkziS2eKqsmTsTxVP/kubu+vl9v72+X2izOH8Fc76V1i1L20XX7kIt+wx3O+0tW64i93rY+83ofPbxfFr/dyokqOojBzUZgKjUD+rIMDZ8bZVHF4VrIlqtHNbi2wqmin2876Dn9c737SjP/BKayWYpzfUs+zbyfw92uc5JavdaU3rxqt3h6Pjru1U+BD4AIHABoYEgAYghD0R0VFpJFrQI3CfiT9ZHByfbbrj9f0Mq902fP4G/AanFFnmh+5ABByTjdKch6WP1wqmWOHkVzZExUQzxhm0AAg8LQn7fQ1fl10PhxIhgRNy2QPQsWEp4gIyi0hmLqOcTfAqbNHneiKvfKjkEQELQmPTIDzolzpMWsrqEbBY9cc2skVHqRJA6ykEIqpZaAh0wrhF6D29XknYT/Mo1+N0voPQ31DQ47Lj4TsIf5wo77jmHFPDVzvkwd2b5wddCBVTDlNHzTKAzfWbirlVrTIKfxiBi2DCeegUbCnTcjJ62cY9gvd+/HOwHtmH28Xe5nKbY340gba2Cj6a/7J2H3LGdUf8kGALEv0gAjS3dFVNOrXGZ/LPJEezQp9ZHPEtbQzlBhawIPDzKcd1/d+nIBGH2Q6c9WHx20eqykxa6OenlgT76M/+5s9d8ExXByny4mohoT/Rft9lCfLNzWc6EE5bAVyQPho6PPV0GhJzkcCDIluCrP4czTjoAGomjTMAxFnq4NGCztiAYKg5DAFQJNfWs6M5QFNAHqFESqy1RkbDSpIuWL4C5jSlCgtPmgCoRVd+RUNckOjhQozSMCihkdm0SNNHulCDnMVlV86yHwf1ZODvy4OhiqptXvj3eC43Xb4Eo2oBMUhwLlaxghB2AsH70QcOFF4z4iqn2GCc0xWW5mTMdIh1RONsmsO7oID3L2geiQHyBQQsllwRAMUgplcm8Pvo+bmNerwwZybmy6WCaqVaWN05Mgz13GiueicuvfyacGd70a8m770p90Xfx8Nv/5yyE1nHD3AGdiWjUYRM9e5qRbaZykqjUgA4JWAEz1kbHw0Cq8Zh5PReB1z+DVEHKO8j045eC+lf1gruhwi3YFGC6OY1l+69fS8U6qUOpWzIqFRhXTNbX9HyzvrT61/rgnlSvsK+9m/HfWja5r8aJRG4129NdOtbaANH/GLe+oURyFtT1r+lRZfUfLxPnrtv1DfCUMMcN7+Za9bphSVNpdPxVkXc9qZ2fvxuwpONFfPpVHu2AQBUjjwhKgyCJLwnwdINDIa3YzhitRKncqd+XVD7GN+6j3FFIpAZrmsIZJ6kJZHGokA1GjUEKY2uSgjGWxIGzYTBIQ+IUovleWMajTVKFF3K6FDU/50uf1+vfD+538lxjWEpw5Py+jDxFPjcH6dmcv4LnFsY/6sj76RHRjJgeHPMvVPncpSSFoeFAfIHpgShfg+qv+B8J1xdxn7CTDLcghjeJx5u4GTpu3xSAigaorr/wi0rt4TmPvtebuvx1c/3U0UPQ+0/DF/5OTVgYMAbKX+AgAA//8q3h4OAAAABklEQVQDALUxtk/tmw9eAAAAAElFTkSuQmCC") 14 /  14px / 0 round;
            border-width:  14px;
            border-style:  solid;
            background-clip: padding-box;
            
            z-index: 1000;
            position: fixed;
            bottom: 1rem;
            right: 1rem;
        }
    }

    aside {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACS0lEQVR4Xu3c23GDMBCFYeze0kL6yKSONJJJAxn3lgSsBwcNk5PVHo0R/v3KshYfR2J8gdPEyypwsnaj2QSoOQSAHh306fnt+69jvLy/7joEuxscoOYpAyigK4G7T/mSyPM8qK/rwNQaWSdY1ZvPt2y3E9AyzoX1U1x0ABXnNAoUrZeRMhfsKqFM+Y2zq67S5kCk27nXYHtCAU2f43WDGnT52GM/a8Yxk1Aj5n/W7Ojb2cPT+yqc7Z/dXwEPDFoWk+iUBbSKRBYku/+BE1oOrT2hbQkfHtSdKHe/Gnj3a6gbwN0P0OoXgeiSwZQ3X9SGB1UHEN3+8FM+CqbqAVVCwe2ABsFUOaBKKLgd0CCYKgdUCQW3AxoEU+WAKqHgdkCDYKocUCUU3A5oEEyVA6qEgttvoA/6BXPQS5aTUEkUKwA05iWrAZVEsQJAY16yGlBJFCsANOYlq8cGnf82f/nY131FY4POeXH/TCsjKAoAzQpW+wMK6PpeTaZ8MhG9p1RyeFPv8XX8s1i5O46EJiPQOwHJ4Y2c0HLoJDQZARKaBKx3BxRQ64XZ2mw5NySUhFpDZW1GQjvc18qUZ8pbZ6m1GVO+55RfHnIzf5znk1JyCWANTQKq3WvgrfrbU5tUt+sXWOV5RE2v8zxjXuzL3O+hdG2+taY2ObTutIHfewm6E6j3SSSRhB8UtDVy+f2GB80TjNWh+5QfiyM/WkDzhqsOgAJqFjC3I6GAmgXM7UgooGYBczsSCqhZwNyOhAJqFjC3I6GAmgXM7UioGfQH2yr9ZAZOPfMAAAAASUVORK5CYII=') 28 /  28px / 0 round;
        border-width:  28px;
        border-style:  solid; 
    }

    .centered {
        justify-self: anchor-center;
    }

    .contact-area {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAB80lEQVR4Aezc0XKEIAyFYdv3f+fWSwhrMOTgCPt3dmfEmAifGcbe7O/R//s7L9npey5n3ucO6Ly7b1gZUPFDBfQBULtf/pz3LL/nsPqUsRWO7fqqxWQHdGhW0OQDakCyQ0CzgiZ/BNTuk1P3JDNfxXDq/EdAFYvatgag4kcL6AtAxVPYqxwdKn6egAIqFhCX+9Shvfe01d47xWR+uU+gfgZRVwBQlyceBDRu5mbcAbV7qh27N/i24B3QbzNJrRfQFF+bDGhrkjrzFGhqkislAyp+WoACKhYQl6NDARULiMvRoYCKBcTl6FBAxQLicnQooGIBcbk3d6h4qc+UA1TsDCigYgFxOToUULGAuBwdCqhYQFyODgVULCAuR4cCKhYQl9utQ8U88XKAxs3cDEBdnngQ0LiZmwGoyxMPAho3czMAdXniQUDjZm4GoC5PPAho3MzNANTliQcBjZu5GYAehwsUDQIaFetcD2gHKBoGNCrWuR7QFsj+HoAdtxnFGUALDMUhoArFogagBYbiENBW0f4egB27eyqgLWjqDKApvjYZ0NYkdQbQMb7LLEAvacYCgI65XWYBekkzFlCAht7TxqY5NUs6fwXo1NWuVhxQ8RMDdAHQ3p5k/xd+29gS2/nZ9VXX06EVR34AaN6wqgBoxZEf/AMAAP//2VoSqAAAAAZJREFUAwCEmpB1dfN4jQAAAABJRU5ErkJggg==') 28 /  28px / 0 round;
        border-width:  28px;
        border-style:  solid; 
        background-color: transparent;
        width:100%;
    }

    button, a.button {
        font-family: 'Handjet', monospace!important;
        transition: all 0.1s;
        font-size: 16px;
        padding: 1rem;
        background: var(--yellow);
        color: var(--slate-blue);
        font-weight: 700;
        border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAExUlEQVR4AbRZgXHbMAyks0/badqM0niCZJW007gLuf98AIJAUlbSqw8EH8ADBGlZUtqnZp9vz9f7bFg4TZeENzjLpa818aXb8kPubHhCNOqObb5v0JAWG/0WXkziS2eKqsmTsTxVP/kubu+vl9v72+X2izOH8Fc76V1i1L20XX7kIt+wx3O+0tW64i93rY+83ofPbxfFr/dyokqOojBzUZgKjUD+rIMDZ8bZVHF4VrIlqtHNbi2wqmin2876Dn9c737SjP/BKayWYpzfUs+zbyfw92uc5JavdaU3rxqt3h6Pjru1U+BD4AIHABoYEgAYghD0R0VFpJFrQI3CfiT9ZHByfbbrj9f0Mq902fP4G/AanFFnmh+5ABByTjdKch6WP1wqmWOHkVzZExUQzxhm0AAg8LQn7fQ1fl10PhxIhgRNy2QPQsWEp4gIyi0hmLqOcTfAqbNHneiKvfKjkEQELQmPTIDzolzpMWsrqEbBY9cc2skVHqRJA6ykEIqpZaAh0wrhF6D29XknYT/Mo1+N0voPQ31DQ47Lj4TsIf5wo77jmHFPDVzvkwd2b5wddCBVTDlNHzTKAzfWbirlVrTIKfxiBi2DCeegUbCnTcjJ62cY9gvd+/HOwHtmH28Xe5nKbY340gba2Cj6a/7J2H3LGdUf8kGALEv0gAjS3dFVNOrXGZ/LPJEezQp9ZHPEtbQzlBhawIPDzKcd1/d+nIBGH2Q6c9WHx20eqykxa6OenlgT76M/+5s9d8ExXByny4mohoT/Rft9lCfLNzWc6EE5bAVyQPho6PPV0GhJzkcCDIluCrP4czTjoAGomjTMAxFnq4NGCztiAYKg5DAFQJNfWs6M5QFNAHqFESqy1RkbDSpIuWL4C5jSlCgtPmgCoRVd+RUNckOjhQozSMCihkdm0SNNHulCDnMVlV86yHwf1ZODvy4OhiqptXvj3eC43Xb4Eo2oBMUhwLlaxghB2AsH70QcOFF4z4iqn2GCc0xWW5mTMdIh1RONsmsO7oID3L2geiQHyBQQsllwRAMUgplcm8Pvo+bmNerwwZybmy6WCaqVaWN05Mgz13GiueicuvfyacGd70a8m770p90Xfx8Nv/5yyE1nHD3AGdiWjUYRM9e5qRbaZykqjUgA4JWAEz1kbHw0Cq8Zh5PReB1z+DVEHKO8j045eC+lf1gruhwi3YFGC6OY1l+69fS8U6qUOpWzIqFRhXTNbX9HyzvrT61/rgnlSvsK+9m/HfWja5r8aJRG4129NdOtbaANH/GLe+oURyFtT1r+lRZfUfLxPnrtv1DfCUMMcN7+Za9bphSVNpdPxVkXc9qZ2fvxuwpONFfPpVHu2AQBUjjwhKgyCJLwnwdINDIa3YzhitRKncqd+XVD7GN+6j3FFIpAZrmsIZJ6kJZHGokA1GjUEKY2uSgjGWxIGzYTBIQ+IUovleWMajTVKFF3K6FDU/50uf1+vfD+538lxjWEpw5Py+jDxFPjcH6dmcv4LnFsY/6sj76RHRjJgeHPMvVPncpSSFoeFAfIHpgShfg+qv+B8J1xdxn7CTDLcghjeJx5u4GTpu3xSAigaorr/wi0rt4TmPvtebuvx1c/3U0UPQ+0/DF/5OTVgYMAbKX+AgAA//8q3h4OAAAABklEQVQDALUxtk/tmw9eAAAAAElFTkSuQmCC") 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid;
        background-clip: padding-box;
    }

    button:hover, a.button:hover {
        opacity: 0.75;
        filter: drop-shadow(1px 2px 4px var(--slate-blue));
        text-decoration: underline;
        font-style: italic;
    }

    .antique-white {
        background: var(--antique-white);
    }

    .slate-blue {
        background: var(--slate-blue);
    }

    .yellow {
        background: var(--yellow)!important;
    }

    .pink {
        background: var(--pink)!important;
    }

    .dark-window-border {
        border-image:  url("data:image/png;base64,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") 28 /  28px / 0 round;
        border-width:  28px;
        border-style:  solid;
        padding-top: 24px;
        width: 50%;
        text-align: center;
        div {
            width: 100%;
            height: 100%;
        }

        iframe {
            margin: auto;
        }
    }
    
    .light-window-border{ 
        border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAHcUlEQVR4Aexci5LjOAjMzP3/L98eCg7CvISQ7CRXO+U4CJqmac9OZfdq7vfP8fXv8f737XCgaMjv4/j6Od6jtz9R8ZLarokFnowhxs5kqFFTqakZhR3UwMfURN1OmV08QEh7QQAXZE7XlKGnztEBdjDmjbo+p+6Jh71QJARwYdzvytAf8fUrzjPHld6ZOTYWp/dVMbKxRhbbjcI5haz9rgztJYyGDwph5t14gAqXwVDTFNhTTmwiQHJ+FwA4YhUCcfVZQ0NFJx6Bt1NgyrrvwhC3IAQZVFoPkJzfOSfOwirPY4zVFtcM9Xgb440vktH3uWY68NOswYSaoQPS28vZbQ1hx6dOepOQZ4F9JpV1eU4aCo9Idn75+aqNkoYufAtI43dtEvAEJVLDN+IxAYoBGbqT1NcCq5qDIC+adEYATB7AQKNXgmp8JRthhMtDhkYg0b1w9BTrvM4kx042tk+V9JHzn5+f589Mdmt1/mp/eTNHHEkydCj3Iscvoh2uYwIOU8zaK+lhjkVMQ4/aiwLfBZGJQaS+B2BBq3u9TMDptdyRR0PFVuJo6shgqHEKTF0QBK6VOYH2wgsNDXRPzd7FQ0Ovd439uHyG/Odli59JdiNpToCGOsXp9Oz+Kw9gpXd6sXxDwdBdmwDP7APge5m9wMkxW2JzEDDbswqG8gE2KUxLXJwnAXchXEOSk7e4vK+CB7ZnFQx9DWrvNmmrXPviS2Y0CAw7tp+T/CV181qLZV2eFw2VdHedmSOpkfwBpBoUKMvwpYaqfY1E1gKj1UhlH+F2Q/euUWCjltgCghnmPdrfLx+5LzllaCj7CJYK2T8dcnwxLrCJFmnLS4iAQZpneAyl4JIPZmgoCZKPggr/l4BbU182byift8XDuujS+GCcLtWXHRqqh+XXiXvrovMKGDIYF5QYQS4cGiqHtc9i2Rf9O6PZIKriaLa8Ifl4nL8tmgQuVdo8NFQ27DuDUHpaEMBxnRt41kkEg+bUUnvmjYaCbtJBASRXrl08SQ3kNQWP9xrq6e76PMRn5I3nd4+hGYM4xhB6mYN87uKQJnu7oVofZNqkkdgMZsRRqW+cC5vu/yOv9enMcO+mbAhKAAIes2Qm5/SL79C55sRKNcguGQGPWTKTpsvuXsLQuWaX9Sgssh0s3/UmDEXxNSN0l/nAcUThrvkLJNiyhcomMQ2tGcG7+DAe4z50D0qEoQD4p/DUqAOg0snZjE1iGhpTw1ZwxRgYRhiIPXBQMlsEnkaY4ExynUFOKRgKW8ElidQ5g1FNc4n1EesMUvHQ0JWRK89/pVcumT4vDm1eDQ1dmdEGWMt4nDzv9XI+juf5cpwZGpA3PUNDg35RanQi5Rw93V7eoRH/sOah7s1vNDSwI+/1Rdt7Ary8JyPY8WjZaOjB+HrjWsc6Xl0XvXsCvLyWgUi+lMa0zHWGooI2Y/nF1+DxMvEEgTnXSIKhenMDlx690usN4Qp57OEpnxSThBEtBYYYMFTTGTjiGAUrvSPuRP0MATF6uzOknQDW3hIvD9nzYGjAk1ETtF9Xygvrq+5Q483teTLUHGwmdwgbcHR9DpALG4IFxyxetA+OZGhtTK2LNHnt3C8Ce8EUGEhm8dAycZGhEz0MWhNHPvJ2SgI9j+H4sZehkwzlu60vYExipMNZQwAjS4WxHqTIYBBJd0MnGVqgI96VXiIxxFFtOciQZzAoJNqXDEUo3qMGRJzvJIUaKXMG3nQiGRfNi7YzDY0azhqF9HzjmWbzqSxDrFORZRqaJypLz4/Yjgxcm13HoFo0VG9rzNCgt2bQtS06keq0zUZDUaIxgw1EDCXEkfIQBCWorl+xzjr/RkMzEgWGH4WDvETrCQzl1wKjuz6oYGh9mKG8p0wHe/kZZTBP4OpND9IZe0bB0Cy1PfBbs/htNN49MBQpPtMA1Ib3qxVyE8cTyVDehhJ5hsdYfe8d9eD9aiVjE7kCMjRui6uckOJCC/WKYCOVYN5/JEOReuMz96hm3QG8SQV51Ax3HsNx6lrpNQYJQzezGwPt/5gezDXdBGKe5zGUpq6VXmOQMNRA3JJKbhX4TjIzGAIXggF/bOiguSCHtRTIwfdhF2DYECMcMogeIMQL8xBjYN9jQwfNNmU2WyOvdXFNwDDlKYDx4iRuHBvqtm0qgFBkogCPV9/B03hEXU9gqE0a/Op4oiR+D52OFJgcWMW7BkAeLp1fyXRCx3g3HRjqPUYv785gBfshMYAZYhfeEcA1QB4uzPM7x/A8xLzEYyitXtpQUxwfMwRw8N6YlgcNFHsjAJMpEWxI6LFRvjFoQ1uWIB8W0PKgi8dwXL/WCRuDNlQoa78ffteL/x761MxyI0yZ7B39/12Ghgp/Lz2W/3CUG2Edr7d9u0FZXR7+AN5gqKfsUOC81bocskp6YJxHeYOhNWW66+0Wex5CvqtVhq58eru2t382zM0J8EEp5taN4CZc/WErQ6Fav/qDqnNs6+xLKsqghFhvkWHj5t+XH89DvR9/DxYhryk4bbP3O/REzQ72bAb4opC8poDEtzX/AwAA//+tcluvAAAABklEQVQDAH51raJMyRYaAAAAAElFTkSuQmCC") 28 /  28px / 0 round!important;
        border-width:  28px!important;
        border-style:  solid!important;
        padding-top: 24px;
        width: 50%;
        div {
            width: 100%;
            height: 100%;
        }
    }

    .press {

    }

    blockquote {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAABl0lEQVR4Xu3cyXLCQBBEQfP/H+3liCA8TPTD2FZy1XQJpQoF++VtfXs/LLmsR65WTOc3d/fa5Y/gTEGm868V2tw70E2w1XKgK6HN7fdApw/R6fzmIfyu5UDj8wEUaCwQx301dHrNm87Hh/TaOKCxP1CgsUAcp6FAY4E4TkOBxgJx3L2GrnZxfHV1fB66O79a/6e2A41PF1CgsUAcp6FAY4E4TkOBxgJxnIYCjQXiOA0FGgvEcY980SHe5f+OAxqfX6BAY4E4TkOBxgJxnIYCjQXiOA0FGgvEcRoKNBaI4zQUaCwQx2ko0FggjtNQoLFAHKehQGOBOE5DgcYCcZyGAo0F4jgNBRoLxHEaCjQWiOPO0NDp76i25oHeNnT0wzagQLcvelsP2c90DV0QA93u4PcDQIHGAnGchgKNBeI4DQUaC8RxGhqDruKm/913NX+Gl55AVwLxdg0FGgvEcRoKNBaI4zQUaCwwjEsbeXxD+ozPQ4EOG3kcBwo0FhjGPbWRx/t2hmso0GEjf/SaqaG3n7uvzt9Wwz8AtM1wQflI8F4AAAAASUVORK5CYII=') 28 /  28px / 0 round;
        border-width:  28px;
        border-style:  solid; 
        margin: 0;
    }

    .press {
        gap: 1rem;
        margin-bottom: 1rem;

        .single-press {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding: 0.5rem;
            transition: all 1s;

            a {
                text-decoration: underline;
                color: inherit;
            }

            a:hover {
                font-style: italic;
            }
        }
    }

    .vertical {
        display: flex;
        flex-flow: column!important;
    }

    .horizontal {
        display: flex;
        flex-flow: row!important;
    }

    .fact-cards {
        height: 375px;
        background: var(--pink);
        padding: 1rem;
        border-image:  url("data:image/png;base64,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") 28 /  28px / 0 round;
        border-width:  28px;
        border-style:  solid;
        background-clip: padding-box;
        width: 50%;

        h4 {
            font-size: 18px;
            line-height: 100%;
        }
    }

    .utility {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        padding: 10px 0;
        margin: 0 3rem;
    }

    nav {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABWUlEQVRYR+2Y2xLDIAhEm///6F4ytQMEXFBMyEz71lrdk1VXzPY4fp7Kb1f8tFFR9uXbUB60AUp4C1x7SGpCVr9dh4qVB60KyPbFx9HbgmatrebI7FreeTRHy4NaWTnriDWu15CDo7cFvdrJZhx0tDzoKOBoPeDSo7t+Nk5OA3U9GaFB/0e7HfVnqdA7maSQjBMkdDqoN++8U28d2WyXy8E8jpYHRQV09tR39UaqJ286RNdoGBRNNVpjaK3K/i69kerpclBvUZIFGtLTTiYtGbRL2+xmSgO1QFY52tXrOVoeFE1ptqMuvZnqCQmgHPXmsXm58wqgvETt6EHTqicEgtrTQdHJEZ2BECBdH2hzlActAehxtDxoFcC2lv/vnkJBrkSGTAX4piRbEN1qLb0fqHX7G8q792BZ/Vhs0kGj9/bVm84E7d6r0Xm4oJ3NjDZN6Jq8gEkdkrG9APh/oAlEDv5HAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid; 
        background-color:var(--yellow);
        color: var(--slate-blue);
        padding: 20px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        vertical-align: middle;
        margin: 0 3rem;

        ul {
            display: flex;
            flex-flow: row;
            gap: 20px;

            li {
                font-weight: 700;
                list-style: none;
                align-content: end;
                a {
                    color: var(--slate-blue);

                }
            }
        }
    }

    .heading {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABoElEQVR4AdSSAW7DMAhF093/zpv50lNj6kSQJcaVAi5gw/tsP9u2/X6DGWjjXP8bgb4a9grWMN7fCPRdXejXHpQt8j9bhcl8eMSxB1ViVTcCRQnKZp9+vnY3AlVhNZcBRSkaiP2ZrXOfk78gfZXPgOpBlYuAomyotIGTbz/1cV9Bc0d18v4+MfXWYtsioLpY7TKgrwZrhlLOltZH7E8Vm/N562VGvl3RR2w1MyUzoHpQ5SKgKPSMpvaKHfUhT89ubgSUBqVnBBSFs0DZZDc3AjoL8HROBhSlpw1vKLLJbl4G9AaG6y0yoCi9Pi32kk128zKgsTEP3YqAovAhhI+2bLKbGwH96FSRiICaQrNZfGzSZpppbgRUF6tdBhSlTzPbFs26eRnQpwFP+2dATaUZDVGcPXl/dNLPZpnpXgZUD6pcBtQrNbX/Mfp57fTs6hlQ33BqHAFFGUrvAqQf/elLTF35CKguVrsMKErvPv0O2CRzVM+A6kGVG4GiBGWwzYqH80eggC117kG9klViLWwPqsSqbgTKJmGujsUxAlVhNfcHAAD//x+PLlsAAAAGSURBVAMAtdDgK+OF6loAAAAASUVORK5CYII=') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid; 
        padding: 1rem;
        color: var(--slate-blue);

        .backlink {
            font-size: 18px;
            font-family: 'Handjet', monospace!important;
            text-decoration: none;
            transition: all 1s;
        }

        .backlink:hover {
            text-decoration: underline;
            font-style: italic;
        }

        .date {
            font-size: 22px;
            font-family: 'Handjet', monospace!important;
        }
    }

    div.body-content {

        display: flex;
        flex-flow: row;
        padding: 2rem 0;
        gap: 2rem;  

        .pronouns {
            font-family: 'Blockstepped', sans-serif!important;
        }

        .horizontal-scroller {
            display: flex;
            width: 100%;
            white-space: nowrap;

            .scroller-card {
                height: 500px;
                width: 33.3%;                
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                place-content: center;

                border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABoUlEQVRYR+2Z25KDIAyGy+5tXd//MV32dm0DloKBkHRGA87gHVbLx58DJJobuqZpfuB7mmNrF1OaL7t5OVBqZWepmwvkDGtugYNUVBv0Di4XYVaA/PKaZKCUybWAw/xhvgBeAf2HdXy/LdwKFIOb6Q5RDpoHoO2BB4x/vSX8GKxgl3I0HuWzGCwHfaWjPSgGj+OjwKi0SHEYbiX49wHKWJZV9CwFZaaPsdI5qCCPaqWloCwXK+/NYAYfcftBuLoFpVbW1kcLpg9AQdkWirrdfXkd87KEj5XECmoBi320+aFkhq16XWHrtnHrTk9P3Er63pmSQ0jfoInkAxRFbdkFo89eZwvlgqm7hI/Tk1b+3OfxSnqiEn4bULqy6KZc5lxwgH4ahEPRTxXjni8qCh0G+7f1E4aPcgrKqtDKCV/rEMKD/oDhBW1HkSKudkgrQtFL9YfIlg61sv39ral63BX7n1TpQ9ZMnCmOg5T903VAfQ1VCSZ8mnEtarHhSz7ruq3gNXLHSWZLSiLyfe7rCIY/Ia68ZuTHBpkH6T8lt4g+227GJ6BNEEl+Ig5YAAAAAElFTkSuQmCC) 14 / 14px / 0 round;
                border-width: 14px;
                border-style: solid;
                transition: all 1s;

                -webkit-filter: grayscale(100%);
                filter: gray;

                &:hover, &:focus-within, &:focus, &:focus-visible {
                    width: 45%;
                    -webkit-filter: grayscale(0%);
                    filter: unset;
                    transform: translateY(-1rem)!important;

                    a {
                        border: 3px solid var(--focusblue)!important;
                        h2 {
                            opacity: 0;
                        }
                    }
                }

                a {
                    text-decoration: none!important;
                    color: white;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                    
                    &:focus, &:focus-visible, &:focus-within {
                        border: 3px solid var(--focusblue)!important;
                        h2 {
                            font-style: italic;
                            filter: unset!important;
                            -webkit-filter: grayscale(0)!important;
                        }
                    }

                    h2 {
                        transition: all 0.5s;
                        opacity: 1;
                        place-self: center;
                        font-size: 20px;
                        position: absolute;
                        z-index: 100000;
                        background-color: var(--slate-blue);
                        padding: 0.25rem;
                        color: white;
                    }
                }
            }
            .scroller-card:nth-of-type(1) {
                a {
                    h2 {
                        place-self: anchor-center;
                        top: -50%;
                    }
                }
            }
            .scroller-card:nth-of-type(2) {
                a {
                    h2 {
                        place-self: anchor-center;
                        top: -25%;
                    }
                }
            }
            .scroller-card:nth-of-type(3) {
                a {
                    h2 {
                        place-self: anchor-center;
                    }
                }
            }
            .scroller-card:nth-of-type(4) {
                a {
                    h2 {
                        place-self: anchor-center;
                        top: 25%;
                    }
                }
            }
            .scroller-card:nth-of-type(5) {
                a {
                    h2 {
                        place-self: anchor-center;
                        top: 50%;
                    }
                }
            }
        }

        aside {
            border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAdlJREFUeF7t3dFOg0AYBWH6/g+t0XjRUsJ0wt+U4Hh7Dlv4dgtbjXpbluVr6WtM4BbomOXvQIHOegY67LkJ+rNqr/S1fkZMX9/D+Ftv+ekX/PTkBDo8A4EGOiwwPByt0NG8e+jzB5v1M0SBBxqoviGoFfb3Yef+RdTxrdDn+SHA9RHtQ2GNB/pOoI1bQCt0JUCfBFuhB1coAaq8h1LbprZNWmD4APWWbR/K+gTKI+w32oceFVwdH2igxwRO95bv5/ZiQl/ZhwYaqBAYrrZCTwBK31wYPsWPD0cPNb1togE/fsVvPgG6/kDlBAQqwageKAnJPFAJRvVASUjmgUowqgdKQjIPVIJRPVASknmgEozqgZKQzAOVYFQPlIRkHqgEo3qgJCTzQCUY1QMlIZkHKsGoHigJyTxQCUb1QElI5oFKMKoHSkIyD1SCUT1QEpJ5oBKM6oGSkMwDlWBUD5SEZB6oBKN6oCQk80AlGNUDJSGZByrBqB4oCck8UAlG9UBJSOaBSjCqB0pCMg9UglE9UBKSeaASjOpvB6UTuHq+++cw+21kP/2BerPdIwI9G+jw+VxuuIeH1iv30MsJDF9QoIEOCwwPhyt0+PX+13D9+5/h+Q400GGB4eG+AevyJBCQhO7MAAAAAElFTkSuQmCC') 28 /  28px / 0 round;
            border-width:  28px;
            border-style:  solid;
            background-color: var(--pink);
            border-radius: 10px;

            .homepage-img {
                width: 350px;
                padding-top: 16px;
            }
            
            ul {
                display: flex;
                flex-flow: row;
                gap: 20px;
                padding-left: 0;
                padding-right: 40px;

                li {
                    font-weight: 700;
                    list-style: none;
                    align-content: end;
                }
            }
        }

        article {
            width: 100%;
            background: var(--antique-white);
            color: var(--slate-blue);
            border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABoUlEQVRYR+2Z25KDIAyGy+5tXd//MV32dm0DloKBkHRGA87gHVbLx58DJJobuqZpfuB7mmNrF1OaL7t5OVBqZWepmwvkDGtugYNUVBv0Di4XYVaA/PKaZKCUybWAw/xhvgBeAf2HdXy/LdwKFIOb6Q5RDpoHoO2BB4x/vSX8GKxgl3I0HuWzGCwHfaWjPSgGj+OjwKi0SHEYbiX49wHKWJZV9CwFZaaPsdI5qCCPaqWloCwXK+/NYAYfcftBuLoFpVbW1kcLpg9AQdkWirrdfXkd87KEj5XECmoBi320+aFkhq16XWHrtnHrTk9P3Er63pmSQ0jfoInkAxRFbdkFo89eZwvlgqm7hI/Tk1b+3OfxSnqiEn4bULqy6KZc5lxwgH4ahEPRTxXjni8qCh0G+7f1E4aPcgrKqtDKCV/rEMKD/oDhBW1HkSKudkgrQtFL9YfIlg61sv39ral63BX7n1TpQ9ZMnCmOg5T903VAfQ1VCSZ8mnEtarHhSz7ruq3gNXLHSWZLSiLyfe7rCIY/Ia68ZuTHBpkH6T8lt4g+227GJ6BNEEl+Ig5YAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
            border-width:  14px;
            border-style:  solid; 
            padding: 1rem;
        }  
        
    }

    .grid {
        display: grid!important;

        &.halfsies {
            grid-template-columns: repeat(2, 1fr)!important;
            grid-template-rows: repeat(1, 1fr)!important;
            gap: 1rem;

            .dark-window-border {
                width: 100%!important;
                box-sizing: border-box;
            }
        }
            
        &:not(.projects) {
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(1, 1fr);
            gap: 1rem;
        }

    }


    .content-feed {
        display: grid;
        grid-template-columns: 1;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    .feed {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        justify-content: center;
        align-items: center;

        &.resume {
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: repeat(1, 1fr);
            margin-top: 1rem;
            align-items: flex-start;
            
            hr {
                margin: 0;
                border-bottom: 1px solid var(--slate-blue);
            }

            .resume-card {
                h3 {
                    font-size: 24px;
                    margin: 0;
                }
            }

            .education {
                border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABIUlEQVRYR+1Z7RKDMAib7//Qm+5O13YggUI/vO6XZ8uIgYa4ba/f551cp5cbc7+8HRqfgghNBDzsbf4D6LmBY26I9UcBPavWqzW+eRFGpwMKnIeQLWpGQ1AAX3oBLUuL6iaQo2pLpjaUjg4PdBRmSd2m2JMEvqqeQLAbUE5PAQzZFtUktDA6HVDroZNay7303YBKT+qlCqY8Fh1FE3GHC43/E3w0sDWjWT6Ne1pABQE2uydtq3AvgahqLKDSKNVWxOxHtYmspa/2o92BovITDfQ5s17LqHRopPXlRyWGvNbdetQLkMpdWWxeNFDyrEwFtFYXoxk2m5JoYOTI1Rjn9fuol3GWerjJOlL6JkB2Vm9H6lR/35QCW7aM6t2G6DeX+A+i15AZncAfXQAAAABJRU5ErkJggg==') 14 /  14px / 0 round;
                border-width:  14px;
                border-style:  solid; 
                min-block-size: min-content;
                background: var(--antique-white);
                color: var(--slate-blue);

                .inner-resume {
                    padding: 1rem;
                    background: var(--antique-white);
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;
                    text-align: center;

                    .resume-text {
                        gap: 1rem;
                        display: flex;
                        flex-flow: column;
                    }

                    h3 {
                        margin: 0;
                    }

                    ul {
                        gap: 1rem;
                        display: flex;
                        flex-flow: column;
                        margin: 0;
                        padding: 0;
                        
                        .resume-item {
                            list-style: none;
                            text-align: left;
                            font-size: 20px;
                            display: flex;
                            flex-flow: wrap;
                            place-items: anchor-center;
                            gap: 0.5rem;
                            justify-content: space-between;
                            padding-bottom: 1rem;

                            h4 {
                                margin: 0!important;
                                font-size: 20px;
                            }

                            .date {
                                font-style: italic;
                            }

                            .org {
                                font-weight: 700;
                            }
                        }   
                    }
                }
            }

            .resume-main {
                grid-column: span 3 / span 3;
                gap: 1rem;
                display: grid;

                .resume-card {
                    margin-bottom: 2rem;
                }
            }

            .work, .honors {
                border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAsklEQVR4AezX0QqAIAwF0Ord//9QP6CeLkiy5ugStN1AFk5Hnvbisf3kqfehrbVzHOwfVUcUir33fRyYZ8nmE4XQPUJsdd5ahzpWzCeKk459+PTurUd+NeYV9QTQg9D21q/m64qyJSFeVxQC7ChRibIF2PXUoxJlC7DrpetRNlC4nkTDZM4GiTpA4bREw2TOhryiuGW+jQ7glM4nitslO050xkQ+UeOgn01LlE0t0bKiFwAAAP//JXtcRgAAAAZJREFUAwCp7LhVEeSV7gAAAABJRU5ErkJggg==) 14 / 14px / 1 round;
                border-width: 14px;
                border-style: solid;
                background: var(--antique-white);
                color: var(--slate-blue);
                padding: 1rem;

                .inner-resume {
                    padding: 1rem;
                    background: var(--antique-white);
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    gap: 0.5rem;
                    text-align: center;
                     h4 {
                        margin: 0!important;
                        font-size: 20px;
                    }

                    .resume-text {
                        gap: 1rem;
                        display: flex;
                        flex-flow: column;
                    }

                    h3 {
                        margin: 0;
                    }

                    ul {
                        gap: 1rem;
                        display: flex;
                        flex-flow: column;
                        margin: 0;
                        padding: 0;
                        
                        .resume-item {
                            list-style: none;
                            text-align: left;
                            width: 100%;
                            font-size: 20px;
                            display: flex;
                            flex-flow: wrap;
                            place-items: anchor-center;
                            gap: 0.5rem;
                            justify-content: space-between;

                            a {
                                transition: all 0.1s;
                                text-decoration: none;
                                padding: 0.5rem;
                                color: var(--slate-blue);

                                &:hover {
                                    text-decoration: underline;
                                    background: pink;
                                }
                            }

                            h4 {
                                margin: 0!important;
                                font-size: 20px;
                            }

                            h5 {
                                margin: 0!important;
                                font-size: 18px;
                            }

                            .date {
                                font-style: italic;
                            }

                            .org {
                                font-weight: 700;
                            }
                        }   
                    }
                }
            }

            .side-nav {
                grid-row: span 4 / span 4;
                grid-column-start: 1;
                grid-row-start: 1;
                position: sticky;
                top: 1rem;

                .inside-nav {
                    .dark-window-border {
                        max-width: 100% !important;
                        width: auto;
                        
                        ul {
                            gap: 1rem;
                            display: flex;
                            flex-flow: column;
                            margin: 0;
                            padding: 0;
                        }
                    }

                    ul {
                        margin: 0;
                        padding: 0;
                        li {

                            list-style: none;
                            text-align: left;
                            font-size: 20px;
                            display: flex;
                            flex-flow: wrap;
                            margin: 0.25rem;
                            place-items: anchor-center;
                            gap: 0.5rem;
                            justify-content: space-between;
                        }
                    }

                    .skills {
                        height:fit-content;

                        ul {
                            gap: 1rem;
                            display: flex;
                            flex-flow: column;
                            margin: 0;
                            padding: 0;

                            li {
                                list-style: none;
                                text-align: left;
                                font-size: 20px;
                                display: flex;
                                flex-flow: wrap;
                                place-items: anchor-center;
                                gap: 0.5rem;
                                margin: 0.25rem;
                                justify-content: space-between;

                                a {
                                    color: var(--slate-blue);
                                }
                            }
                            
                        }
                    }
                }
            }

            .skills {
                grid-row: span 4 / span 4;
                grid-column-start: 5;
                grid-row-start: 1;
                position: sticky;
                top: 1rem;

                .dark-window-border {
                    max-width: 100% !important;
                        width: auto;
                }

                 ul {
                    gap: 1rem;
                    display: flex;
                    flex-flow: column;
                    margin: 0;
                    padding: 0;

                    li {
                        list-style-type: circle;
                        text-align: left;
                        font-size: 20px;
                        margin: 0.25rem;
                        display: flex;
                        flex-flow: wrap;
                        place-items: anchor-center;
                        gap: 0.5rem;
                        justify-content: space-between;
                    }
                }
            }
        }

    }

    .note-card {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAsklEQVR4AezX0QqAIAwF0Ord//9QP6CeLkiy5ugStN1AFk5Hnvbisf3kqfehrbVzHOwfVUcUir33fRyYZ8nmE4XQPUJsdd5ahzpWzCeKk459+PTurUd+NeYV9QTQg9D21q/m64qyJSFeVxQC7ChRibIF2PXUoxJlC7DrpetRNlC4nkTDZM4GiTpA4bREw2TOhryiuGW+jQ7glM4nitslO050xkQ+UeOgn01LlE0t0bKiFwAAAP//JXtcRgAAAAZJREFUAwCp7LhVEeSV7gAAAABJRU5ErkJggg==') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid; 

        .inner-note {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            text-align: center;
            justify-content: center;
            border: 2px solid black;
            padding: 0.75rem;
            background: var(--antique-white);

            .note-img {
                max-width: 100%;
                img {
                    max-width: 100%;
                }
            }

            .note-text {
                display: flex;
                flex-direction: column;
                gap: 0.5rem;

                h3 {
                    margin: 0;
                }
                .desc {
                    font-style: italic;
                }

                .art-note {
                    font-style: normal;
                }
            }

        }
    }

    .polaroids {
        padding: 3rem;
        gap: 0.75rem!important;

        .polaroid-card:nth-child(6n + 1) { --r: -6deg; }
        .polaroid-card:nth-child(6n + 2) { --r: 4deg; }
        .polaroid-card:nth-child(6n + 3) { --r: -2deg; }
        .polaroid-card:nth-child(6n + 4) { --r: 8deg; }
        .polaroid-card:nth-child(6n + 5) { --r: -10deg; }
        .polaroid-card:nth-child(6n + 6) { --r: 3deg; }
        .polaroid-card:nth-child(3n + 1) { --x: -6px; --y: 4px; }
        .polaroid-card:nth-child(3n + 2) { --x: 8px; --y: -2px; }
        .polaroid-card:nth-child(3n + 3) { --x: -3px; --y: -6px; }
        .polaroid-card:nth-child(3n + 4) { --x: 5px; --y: 6px; }

        .polaroid-card {
            border-width: 2px;
            border-style: solid;
            transition: all 0.5s;
            --r: 0deg;
            --x: 0px;
            --y: 0px;

            transform: rotate(var(--r)) translate(var(--x), var(--y));

            .inner-polaroid {
                display: flex;
                flex-direction: column;
                padding: 1rem 1rem 5rem 1rem;
                text-align: center;
                justify-content: center;
                border: 2px solid black;
                background: white;

                .polaroid-img {
                    max-width: 100%;
                    border: 4px solid black;
                    aspect-ratio: 1;
                    padding: 0;
                    margin: 0;
                    padding: 0px;
                    line-height: 0;
                    img {
                        max-width: 100%;
                        aspect-ratio: 1;
                        object-fit: cover;
                    }
                }

                .polaroid-text {
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;

                    h3 {
                        margin: 0;
                    }
                    .desc {
                        font-style: italic;
                    }

                    .art-note {
                        font-style: normal;
                    }
                }
            }
        }

        .polaroid-card:hover {
            transform: rotate(0deg)!important;
            transform: translateX(0px)!important;
            transform: translateY(0px)!important;
        }
    }

    .photos {
        
        :nth-child(even){
            a:hover {
                .inner-photo {
                    background: var(--yellow);
                }
            }
        }

        :nth-child(odd){
            a:hover {
                .inner-photo {
                    background: var(--pink);
                }
            }
        }

        .photo-card {
            border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAjtJREFUeF7t29FOwzAQRNHy/x8NAl6IVWV6teOmVLevGezdE9sU0n7cbrfPm6+awIegNcufgQTtegpa9rwL+r1qJ6/1TJ6ON6nl3s+26zuMd2/LTwHaBQu6CExvkKCCHgXoinr1LZ5W+LT++hk6LSg1vPv6tH5BlzskaHnJXg46LaDsUR+O9jfe8nTCesebB6T9CRpuiKDlFbsdlE5Q7u/y4VL/eMunAS/veHMBqX9B4Q0QFIKl+Bh0nWD6t30q+Orr1f4eeQRSnfBqvTvzV/sT9Pe5GnmdPiUW9Amg9I6tdzcd4mQ17Mi268Nvm2hT7YLp/Cnfrk/QRby6I33qyc/Q0yNOUEHTERmve4ZGIhYQlHnFtKCRiAUEZV4xLWgkYgFBmVdMCxqJWEBQ5hXTgkYiFhCUecW0oJGIBQRlXjEtaCRiAUGZV0wLGolYQFDmFdOCRiIWEJR5xbSgkYgFBGVeMS1oJGIBQZlXTAsaiVhAUOYV04JGIhYQlHnFtKCRiAUEZV4xLWgkYgFBmVdMPx10rYh+wnctOHZ4caDan98C4R+4PV0wggpaPyC2b/l1gvYhXhfZPGDq/3D9kS8tpAE393P58Kl/QeEtEhSCpXgddJ0wTZAKfPXrtD+85QU9XwKChi3iCi2fIU8HfbcjgAKe9v/I+9C0AKYFpfF3X5/WPz5DXaFHAUGXFfFyK/S/rdgp4PYzVNA/Ao1fSoIKelgD9P+heMvvfpvy1uM/8gjkrQHazQlaFhW0DPoFzPswEHac+UQAAAAASUVORK5CYII=') 28 /  28px / 0 round;
            border-width:  28px;
            border-style:  solid; 

            a {
                text-decoration: none;
                color: black;
                transition: all 1s;
            }

            a:focus {
                &:parent {
                    outline: 2px solid blue;
                }
            }

            a:hover {
                text-decoration: underline;
                font-style: italic;
            }

            .inner-photo {
                transition: all 1s;
                padding: 1rem;
                background: var(--antique-white);
                display: flex;
                flex-direction: column;
                height: 100%;
                gap: 1rem;
                text-align: center;


                .photo-img {
                    max-width: 100%;
                    border: 4px solid black;
                    aspect-ratio: 1;
                    padding: 0;
                    margin: 0;
                    padding: 0px;
                    line-height: 0;
                    img {
                        max-width: 100%;
                        aspect-ratio: 1;
                        object-fit: cover;
                    }
                }

                .photo-text {
                    display: flex;
                    flex-direction: column;

                    h3 {
                        font-size: 22px;
                        margin: 0;
                    }

                    .photo-note {
                        line-height: 140%;
                        font-size: 18px;
                    }
                }
            }
        }
    }

    .projects {
        display: grid;
        grid-template-columns: repeat(3, 1fr)!important;
        grid-template-rows: repeat(2, 1fr)!important;
        align-items: baseline!important;
        gap: 5rem 1rem;
        margin-bottom: 5rem;

        .project-card {
            background: var(--antique-white);
            color: var(--slate-blue);
            border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABoUlEQVRYR+2Z25KDIAyGy+5tXd//MV32dm0DloKBkHRGA87gHVbLx58DJJobuqZpfuB7mmNrF1OaL7t5OVBqZWepmwvkDGtugYNUVBv0Di4XYVaA/PKaZKCUybWAw/xhvgBeAf2HdXy/LdwKFIOb6Q5RDpoHoO2BB4x/vSX8GKxgl3I0HuWzGCwHfaWjPSgGj+OjwKi0SHEYbiX49wHKWJZV9CwFZaaPsdI5qCCPaqWloCwXK+/NYAYfcftBuLoFpVbW1kcLpg9AQdkWirrdfXkd87KEj5XECmoBi320+aFkhq16XWHrtnHrTk9P3Er63pmSQ0jfoInkAxRFbdkFo89eZwvlgqm7hI/Tk1b+3OfxSnqiEn4bULqy6KZc5lxwgH4ahEPRTxXjni8qCh0G+7f1E4aPcgrKqtDKCV/rEMKD/oDhBW1HkSKudkgrQtFL9YfIlg61sv39ral63BX7n1TpQ9ZMnCmOg5T903VAfQ1VCSZ8mnEtarHhSz7ruq3gNXLHSWZLSiLyfe7rCIY/Ia68ZuTHBpkH6T8lt4g+227GJ6BNEEl+Ig5YAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
            border-width:  14px;
            border-style:  solid; 
            padding: 1rem;
            max-width: 100%;
            height: 100%;

            a {
                text-decoration: none;
                color: inherit;
            }

            a:hover {
                text-decoration: underline!important;
                font-style: italic;
            }


            .inner-project {
                display: grid;
                border: 2px solid black;
                background-size: cover!important;
                height: 100%;

                .project-img {
                    max-width: 100%;
                    img {
                        max-width: 100%;
                    }
                }

                .project-text {
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;
                    border: 2px solid;
                    margin: 0.5rem;

                    h3 {
                        margin: 0;
                    }
                    .desc {
                        font-style: italic;
                    }

                    .art-note {
                        font-style: normal;
                    }
                }
            }
        }

        .ttg {
            grid-column: span 2 / span 2;
            .project-text {
                padding: 1rem;
                justify-content: end;
                max-width: 50%;
                place-self: flex-end;
                background: var(--pink);
            }
        }
        .pfp {
            grid-column: span 2 / span 2;
            grid-column-start: 1;
            grid-row-start: 2;
            color: var(--antique-white);

            .inner-project {
                color: var(--antique-white);
                .project-text {
                    place-self: baseline;
                    background-color: var(--slate-blue);
                    color: var(--antique-white);
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;
                    border: 2px solid;
                    max-width: 50%;
                    padding: 1rem;
                    margin: 0.5rem;
                }
            }
        }
        .tdd {
            grid-row: span 2 / span 2;
            grid-column-start: 3;
            grid-row-start: 1;  
            border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAsklEQVR4AezX0QqAIAwF0Ord//9QP6CeLkiy5ugStN1AFk5Hnvbisf3kqfehrbVzHOwfVUcUir33fRyYZ8nmE4XQPUJsdd5ahzpWzCeKk459+PTurUd+NeYV9QTQg9D21q/m64qyJSFeVxQC7ChRibIF2PXUoxJlC7DrpetRNlC4nkTDZM4GiTpA4bREw2TOhryiuGW+jQ7glM4nitslO050xkQ+UeOgn01LlE0t0bKiFwAAAP//JXtcRgAAAAZJREFUAwCp7LhVEeSV7gAAAABJRU5ErkJggg==) 14 / 14px / 1 round;
            border-width: 14px;
            border-style: solid;
            margin: auto;

            .inner-project {
                flex-direction: column!important;
                background-position: top!important;

                .project-text {
                    place-self: baseline;
                    background-color: var(--yellow);
                    padding: 1rem;
                    display: flex;
                    flex-direction: column;
                    gap: 0.5rem;
                    border: 2px solid;
                    margin: 0.5rem;
                    max-width: 75%;
                }
            }
        }
    }
  
    .stamp {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABIUlEQVRYR+1Z7RKDMAib7//Qm+5O13YggUI/vO6XZ8uIgYa4ba/f551cp5cbc7+8HRqfgghNBDzsbf4D6LmBY26I9UcBPavWqzW+eRFGpwMKnIeQLWpGQ1AAX3oBLUuL6iaQo2pLpjaUjg4PdBRmSd2m2JMEvqqeQLAbUE5PAQzZFtUktDA6HVDroZNay7303YBKT+qlCqY8Fh1FE3GHC43/E3w0sDWjWT6Ne1pABQE2uydtq3AvgahqLKDSKNVWxOxHtYmspa/2o92BovITDfQ5s17LqHRopPXlRyWGvNbdetQLkMpdWWxeNFDyrEwFtFYXoxk2m5JoYOTI1Rjn9fuol3GWerjJOlL6JkB2Vm9H6lR/35QCW7aM6t2G6DeX+A+i15AZncAfXQAAAABJRU5ErkJggg==') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid; 
        width: 33%;
        height: 100%;

        .inner-stamp {
            padding: 1rem;
            background: var(--antique-white);
            display: flex;
            flex-direction: column;
            height: 100%;
            gap: 0.5rem;
            text-align: center;

            .stamp-img img {
                width: 150px;
                height: 150px;
                object-fit: scale-down;
            }

            h4 {
                font-size: 18px;
            }
        }
    }

    .cta {
        max-width: 100%;
        background: var(--antique-white);
        color: var(--slate-blue);
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABoUlEQVRYR+2Z25KDIAyGy+5tXd//MV32dm0DloKBkHRGA87gHVbLx58DJJobuqZpfuB7mmNrF1OaL7t5OVBqZWepmwvkDGtugYNUVBv0Di4XYVaA/PKaZKCUybWAw/xhvgBeAf2HdXy/LdwKFIOb6Q5RDpoHoO2BB4x/vSX8GKxgl3I0HuWzGCwHfaWjPSgGj+OjwKi0SHEYbiX49wHKWJZV9CwFZaaPsdI5qCCPaqWloCwXK+/NYAYfcftBuLoFpVbW1kcLpg9AQdkWirrdfXkd87KEj5XECmoBi320+aFkhq16XWHrtnHrTk9P3Er63pmSQ0jfoInkAxRFbdkFo89eZwvlgqm7hI/Tk1b+3OfxSnqiEn4bULqy6KZc5lxwgH4ahEPRTxXjni8qCh0G+7f1E4aPcgrKqtDKCV/rEMKD/oDhBW1HkSKudkgrQtFL9YfIlg61sv39ral63BX7n1TpQ9ZMnCmOg5T903VAfQ1VCSZ8mnEtarHhSz7ruq3gNXLHSWZLSiLyfe7rCIY/Ia68ZuTHBpkH6T8lt4g+227GJ6BNEEl+Ig5YAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        text-align: center;
        justify-content: center;
        margin: 3rem 0;

        .cta-text {
            font-family: 'Blockstepped', sans-serif!important;
            font-size: 24px;
        }

        .cta-button {
            max-width: fit-content;
            margin: 0 auto;
        }
    }

    footer {
        border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAsklEQVR4AezX0QqAIAwF0Ord//9QP6CeLkiy5ugStN1AFk5Hnvbisf3kqfehrbVzHOwfVUcUir33fRyYZ8nmE4XQPUJsdd5ahzpWzCeKk459+PTurUd+NeYV9QTQg9D21q/m64qyJSFeVxQC7ChRibIF2PXUoxJlC7DrpetRNlC4nkTDZM4GiTpA4bREw2TOhryiuGW+jQ7glM4nitslO050xkQ+UeOgn01LlE0t0bKiFwAAAP//JXtcRgAAAAZJREFUAwCp7LhVEeSV7gAAAABJRU5ErkJggg==') 14 /  14px / 0 round;
        border-width:  14px;
        border-style:  solid; 
        margin: 3rem;

        .inner-footer {
            color:  var(--slate-blue);
            height: 100px;
            display: flex;
            padding: 1rem;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            gap: 1rem;

            p {
                margin: 0;
                padding: 0;
            }
            img {
                width: 250px;
                place-self: center;
            }
        }
    }

}