/* 
'p-b': '#f1eae5',
's-b': '#ecdccd',
't-b': '#dbbea0',
'a-c': '#e79e22',
'p-t': '#402B1D',
's-t': '#613c23',
't-t': '#8a512d'
*/
@media (prefers-color-scheme: dark) {
    :root {
        --p-b: #402B1D;
        --s-b: #613c23;
        --t-b: #8a512d;
        --a-c: #e79e22;
        --p-t: #f1eae5;
        --s-t: #ecdccd;
        --t-t: #dbbea0;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --p-b: #f1eae5;
        --s-b: #ecdccd;
        --t-b: #dbbea0;
        --a-c: #e79e22;
        --p-t: #402B1D;
        --s-t: #613c23;
        --t-t: #8a512d;
    }
}

@font-face {
    font-family: Manrope;
    src: url(manrope.ttf);
}

body {
    background: var(--p-b);
    color: var(--p-t);
    font-family: Manrope;
    max-width: 800px;
    margin: auto;
    margin-top: 5px;
    padding: 10px;
    border-radius: 10px;
}

footer {
    text-align: center;
    font-size: small;
    padding: 5px;
    border: 2px solid var(--s-t);
    border-radius: 5px;
    background-color: var(--s-b);
}

a {
    color: var(--s-t);
}

h1 {
    margin: 0;
}

li {
    margin-bottom: 7px;
}

hr {
    color: var(--t-b);
}

h2 {
    margin: 0;
    color: var(--s-t);
    margin-bottom: 10px;
}

h3 {
    margin: 10px;
    margin-bottom: 0;
    margin-top: 15px;
}

p{
    margin: 5px;
}

ul {
    margin: 5px 0;
}