<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* structure */
:root {
    --headerHeight: 15vh;
    --footerHeight: 5vh;
}

html {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color-scheme: light;
}

body {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background: var(--bodyBackground);
}

header,
main,
footer,
.extranav {
    width: 100%;
    display: flex;
    align-items: center;
}

header &gt; .content,
main &gt; .content,
footer &gt; .content,
.extranav &gt; .content,
.banner &gt; .content {
    display: flex;
    width: 90%;
    max-width: 1200px;
}

.banner &gt; .content {
    height: 100%;
    overflow: hidden;
}

header,
footer {
    justify-content: center;
    background-color: var(--rootColor);
    color: var(--white95);
}

.extranav {
    align-items: center;
    justify-content: center;
    background-color: var(--white10);
    padding: 0.5rem 0;
}

.extranav &gt; .content {
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.extranav a:link,
.extranav a:visited {
    color: var(--white75);
}

.extranav a:hover,
.extranav a:focus {
    color: var(--white95);
}

header &gt; .content,
footer &gt; .content,
.extranav &gt; .content {
    height: 100%;
    align-items: center;
    gap: 1rem;
}

header {
    height: var(--headerHeight);
}

main {
    flex: 1;
    gap: 0.75rem;
    display: flex;
    flex-direction: column;
}

footer {
    height: var(--footerHeight);
}

.banner::before,
.banner::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

.banner::before {
    background-image: var(--background);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.banner {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
}

.banner &gt; .content {
    position: relative;
    z-index: 3;
}

.banner::after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 50%
    );
    z-index: 1;
}

.banner,
.banner * {
    border-radius: 0 !important;
}

/* header */
header .logo {
    height: 100%;
    gap: 1rem;
    align-items: center;
}

header a.logo:link,
header a.logo:visited {
    color: var(--white85);
}

header a.logo:hover {
    color: var(--white95);
}

header .logo .imgcont {
    height: 80%;
}

header .socials {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header .nav.imgcont,
header .nav.imgcont img {
    border-radius: 0;
}

header .nav.imgcont {
    position: relative;
    overflow: hidden;
    width: 54px;
    padding: 0 12px;
    height: 100%;
    filter: saturate(0.5);
    scale: 0.97;
    transition: all 0.1s ease;
    background-color: transparent !important;
    --hover-bg: transparent;
}

header .nav.imgcont::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: var(--hover-bg);
    z-index: 0;
    transition: height 0.2s ease;
    opacity: 0.25;
}

header .nav.imgcont:hover::before,
header .nav.imgcont:active::before {
    height: 100%;
}

header .nav.imgcont img {
    position: relative;
    z-index: 1;
}

header .nav.imgcont:hover,
header .nav.imgcont:active {
    scale: 1.0;
    filter: saturate(1);
}

/* global page structure elements */
.page,
.latest {
    width: 100%;
}

.page .item,
.latest .item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: 1rem;
    z-index: 0;
    color: var(--white85);
    filter: saturate(0.75);
}

.page .item h3,
.latest .item h3 {
    margin-bottom: 1rem;
}

.page .item:focus,
.page .item:hover,
.latest .item:focus,
.latest .item:hover {
    color: var(--white95);
    filter: saturate(1);
}

.page .item::before,
.latest .item::before,
.page .item::after,
.latest .item::after {
    content: '';
    position: absolute;
    top: 5%; left: 5%;
    width: 90%; height: 90%;
    filter: blur(0.25rem);
    transition: filter 0.1s ease;
}

.page .item:focus::before,
.latest .item:focus::before,
.page .item:focus::after,
.latest .item:focus::after,
.page .item:hover::before,
.latest .item:hover::before,
.page .item:hover::after,
.latest .item:hover::after {
    filter: blur(0);
}

.page .item::before,
.latest .item::before {
    background-image: var(--background);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.page .item::after,
.latest .item::after {
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
    z-index: 1;
}

.page .item &gt; *,
.latest .item &gt; * {
    position: relative;
    z-index: 2;
}

.page .item .stats .box,
.latest .item .stats .box {
    gap: 0.5rem;
    background-color: var(--rootColor);
}

.page .blog.item,
.latest .blog.item {
    width: 100%;
    height: 150px;
}

.attachments {
    margin-top: 1.5rem;
}

.attachments .item {
    display: flex;
    width: 100px;
    padding: 0.5rem;
    color: var(--white10);
    font-size: 0.9rem;
    align-items: center;
    justify-content: center;
}

.attachments .item .material-symbols-outlined {
    font-size: 2.25rem;
}

.attachments .item strong {
    width: 100%;
    text-align: center;
    word-wrap: break-word;
}

.attachments .item:hover {
    color: var(--white25);
}

.view {
    min-height: 75vh;
    margin-bottom: 2rem;
}

.view .stats {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
}

.view .profile {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view .profile .imgcont {
    width: 150px;
    height: 150px;
}

.view &gt; .row {
    gap: 1rem;
}

.view .parsedown,
.view .parsedown * {
    font-family: monospace !important;
}


.view .parsedown h1 { font-size: 1.75rem; }
.view .parsedown h2 { font-size: 1.6rem; }
.view .parsedown h3 { font-size: 1.45rem; }
.view .parsedown h4 { font-size: 1.37rem; }
.view .parsedown h5 { font-size: 1.25rem; }
.view .parsedown { font-size: 1.1rem; }</pre></body></html>