:root {
    color-scheme: light dark;

    --sc-style-color-logo-light-green: #00ff00;
    --sc-style-color-logo-dark-green: #00a800;
    --sc-style-color-logo-burgundy: #96305a;

    --sc-style-color-information: #3CB4F5;
    --sc-style-color-warning: #F5B43C;
    --sc-style-color-error: #F53C3C;

    --sc-style-color-white: #efefef;
    --sc-style-color-light-gray: #b0b0b0;
    --sc-style-color-mid-gray: #656565;
    --sc-style-color-dark-gray: #303030;
    --sc-style-color-black: #151515;
}

::-moz-selection {
    background: #96305a;
    background: var(--sc-style-color-logo-burgundy);
    color: #efefef;
    color: var(--sc-style-color-white);
}

::selection {
    background: #96305a;
    background: var(--sc-style-color-logo-burgundy);
    color: #efefef;
    color: var(--sc-style-color-white);
}

* {
    box-sizing: border-box;
}

a, a:visited {
    color: #96305a;
    color: var(--sc-style-color-logo-burgundy);
}

body {
    background-color: #efefef;
    background-color: var(--sc-style-color-white);
    color: #151515;
    color: var(--sc-style-color-black);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    overflow-x: hidden;
}

h3 {
    font-size: 1.6em;
    margin: 0.6em 0em;
}

h4 {
    font-size: 1.4em;
    margin: 0.6em 0em;
}

h5 {
    font-size: 1.2em;
    margin: 0.6em 0em;
}

h6 {
    font-size: 1.1em;
    margin: 0.6em 0em;
}

main {
    margin: 1em;
    overflow-x: hidden;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--sc-style-color-black);
        color: var(--sc-style-color-white);
    }

    a, a:visited {
        color: var(--sc-style-color-logo-light-green);
    }
}
  
@media (prefers-color-scheme: light) {
    body {
        background-color: var(--sc-style-color-white);
        color: var(--sc-style-color-black);
    }

    a, a:visited {
        color: var(--sc-style-color-logo-burgundy);
    }
}