html {
    overflow-y: scroll;
    width: 100%;
    font-family: mademoiselle;
    font-size: 18px;
    color: #301705;
    line-height: 30px;
    background-image: linear-gradient(darkslategrey 1px, #f5b59a 0px);
    background-attachment: local;
    background-size: auto 30px;
    margin: 0 auto;
}

@font-face {
    font-family: mademoiselle;
    src: url("https://files.catbox.moe/unz1d8.ttf");
}

@font-face {
    font-family: Quest;
    src: url("https://files.catbox.moe/wdut0d.ttf");
}

a {
    color: #301705;
    text-decoration: wavy underline;
    text-decoration-color: floralwhite;
}

a:hover {
    text-decoration: wavy overline;
    text-decoration-color: floralwhite;
    color: #000000;
}

.dark {
    color: #f5b59a;
    text-decoration: wavy underline;
    text-decoration-color: floralwhite;
}

.dark:hover {
    text-decoration: wavy overline;
    text-decoration-color: floralwhite;
    color: #e0785e;
}

i {
    font-family: Quest;
    color: #f5b59a;
    background-color: #301705;
}

html::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-thumb {
    background: #f5b59a;
    border-radius: 6px;
    border: 2px solid darkslategrey;
}

html::-webkit-scrollbar-track {
    background: darkslategrey;
    border-radius: 6px;
}

html::-webkit-scrollbar-thumb:hover {
    background: #e0785e;
}