<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden;
}

/* components */

.logo {
    font-family: Calibri;
    background: linear-gradient(45deg, var(--desub-c1), var(--desub-c2) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
a{
    color: var(--desub-c2);
}
a:visited{
    color: var(--desub-c1);
}
a:active{
    color: var(--desub-c3);
}

/* app */

div#app {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas: 'header''main''footer';
    grid-template-rows: auto minmax(0, 1fr) auto;
    font-family: Calibri;
    background-color: var(--desub-bg0);
}

div#app&gt;header {
    grid-area: header;
    display: grid;
    grid-template-areas: 'logo nav';
    grid-template-columns: auto minmax(0, 1fr);
    background-color: var(--desub-bg1);
}

div#app&gt;header&gt;h1 {
    font-size: 1cm;
    margin: 0.25cm 0.5cm 0.25cm 0.5cm;
}

div#app nav {
    display: grid;
    grid-auto-flow: column;
    align-content: center;
    justify-content: start;
    gap: 0.25cm;
    overflow:auto;
}

div#app nav&gt;a {
    display: grid;
    grid-auto-flow: column;
    place-content: center;
    gap: 0.125cm;
    text-decoration: none;
    background: linear-gradient(45deg, var(--desub-c1), var(--desub-c2) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: bold;
}

div#app nav&gt;a.router-link-exact-active {
    background: linear-gradient(45deg, var(--desub-c1), var(--desub-c3) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

div#app nav&gt;a&gt;* {
    display: grid;
    place-content: center;
}

div#app&gt;main {
    grid-area: main;
    display: grid;
    place-content: center;
    padding: 0.5cm 1cm 0.5cm 1cm;
    color: var(--desub-fg0);
}

div#app&gt;main#about&gt;article {
    max-width: 15cm;
}

div#app&gt;main#about blockquote, div#app&gt;main#about p {
    margin: 0;
}

div#app&gt;main#about blockquote {
    padding: 0.5cm 1cm 0.5cm 1cm;
}

div#app&gt;main#about p {
    padding: 0.0625cm 0.125cm 0.0625cm 0.125cm;
}

div#app&gt;footer {
    grid-area: footer;
    background-color: var(--desub-bg1);
    padding: 0.0625cm 0.125cm 0.0625cm 0.125cm;
}

div#app&gt;footer&gt;nav {
    justify-content: end;
}</pre></body></html>