:root {
    --mono-1f: #1f1f1f;
    --mono-3f: #3f3f3f;
    --mono-5f: #5f5f5f;
    --mono-7f: #7f7f7f;
    --mono-9f: #9f9f9f;
    --mono-bf: #bfbfbf;
    --mono-df: #dfdfdf;
    --mono-ff: #ffffff;

    --blue-5f: #5f5fff;
    --blue-9f: #9f9fff;
    --gold-1f: #bf7f1f;
    --gold-5f: #ffbf5f;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
html {
    overflow-y: scroll;
    scroll-behavior: smooth;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-family: 'Kiwi Maru', serif;
    font-weight: 300;
    font-size: 16px;
    color: var(--mono-df);
}
a {
    text-decoration: none;
    border-bottom: dotted 1px var(--blue-9f);
    color: var(--blue-9f);
    transition: 0.1s;
}
a:hover {
    color: var(--blue-5f);
    border-bottom: solid 1px var(--blue-5f);
    transition: 0.1s;
}
img {
    vertical-align: top;
}

#background {
    background-position: center;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #5f5f5f;
}