[data-theme='plain'] {
    --background-color: #e5d6cc;
    --color: #171717;
    --hover-color: #929190;
}

[data-theme='mint'] {
    --background-color: #e6f7ff;
    --color: #3b3350;
    --hover-color: #66b7b0;
}

[data-theme='s.berry'] {
    --background-color: #ffcde6;
    --color: #422549;
    --hover-color: #f179a0;
}

[data-theme='banana'] {
    --background-color: #fffeb8;
    --color: #493351;
    --hover-color: #e9c46a;
}

[data-theme='peanut'] {
    --background-color: #fddebc;
    --color: #411e2c;
    --hover-color: #a97766;
}

[data-theme='grape'] {
    --background-color: #e7d4f6;
    --color: #2c0d2c;
    --hover-color: #7b60dd;
}

[data-theme='melon'] {
    --background-color: #dff5de;
    --color: #0d142c;
    --hover-color: #878f8f;
}

@font-face {
    font-family: 'hackbold_italic';
    src: url('Hack-BoldItalic-webfont.eot');
    src: url('Hack-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('Hack-BoldItalic-webfont.woff') format('woff'),
        url('Hack-BoldItalic-webfont.ttf') format('truetype'),
        url('Hack-BoldItalic-webfont.svg#hackbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hackbold';
    src: url('Hack-Bold-webfont.eot');
    src: url('Hack-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('Hack-Bold-webfont.woff') format('woff'),
        url('Hack-Bold-webfont.ttf') format('truetype'),
        url('Hack-Bold-webfont.svg#hackbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hackitalic';
    src: url('Hack-Italic-webfont.eot');
    src: url('Hack-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('Hack-Italic-webfont.woff') format('woff'),
        url('Hack-Italic-webfont.ttf') format('truetype'),
        url('Hack-Italic-webfont.svg#hackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hackregular';
    src: url('Hack-Regular-webfont.eot');
    src: url('Hack-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('Hack-Regular-webfont.woff') format('woff'),
        url('Hack-Regular-webfont.ttf') format('truetype'),
        url('Hack-Regular-webfont.svg#hackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    font-family: hackregular, Courier New, Courier, monospace;
}



h1 {
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

h2 {
    font-size: 1.5rem;
    padding-bottom: .8rem;
    font-weight: bold;
}

h3 {
    font-size: 1.3rem;
    padding-bottom: .8rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

h4 {
    font-size: 1.1rem;
    padding-bottom: .8rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

span {
    font-family: 'Courier New', Courier, monospace;
    color: unset;
}

* {
    color: var(--color);
    background-color: var(--background-color);
}

*::selection {
    background: var(--hover-color);
}

a {
    background-color: transparent;
    text-decoration: underline;
}

a:hover {
    color: var(--hover-color);
}

pre {
    color: revert;
    background-color: var(--background-color);
}

p,
a,
li,
em {
    margin-bottom: 1.1rem;
    line-height: 1.3;
    font-size: 1rem;


}

li {
    list-style: square;
    margin-left: 3rem;
}

em {
    font-style: italic;
}

strong {
    font-weight: bolder;
}

blockquote {
    font-style: italic;
    border-left: 2px solid;
    padding-left: 8px;
    margin-left: 3rem;

}

code {
    color: var(--color);
    font-family: "Courier New", Courier, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    font-size: .9em;
}


.icon-link {
    position: relative;
}

.icon-link:before {
    position: absolute;
    content: '#';
    left: -1ch;
    top: -0.5ch;
    line-height: 1;
    opacity: 1;
    font-size: 1.5rem;
    padding-bottom: 0.8rem;
    font-weight: bold;
    line-height: 1;
}