:root {
    color-scheme: light dark;
}

body {
    color: teal;
    font-family: Tahoma, Geneva, sans-serif;
}

a {
    color: teal;
    text-decoration: none;
    border-bottom: 1px dotted;
}

    a:link {
        color: teal;
    }

    a:active {
        color: white;
        background-color: teal;
    }

    a:visited {
        color: silver;
    }

h1 {
    font-weight: 900;
    font-size: x-large;
    color: teal;
    background-color: white;
}

.IndexTitle {
    font-weight: bold;
    color: #ccffcc;
}

.IndexYear {
    font-size: x-small;
    color: lime;
}

.category {
    background: teal;
    /*color: lightgreen;*/
    color: whitesmoke;
    font-weight: bold;
    padding: 3px;
}

.categorySeparator {
    height: 15px;
}

.comments {
    font-size: small;
    font-style: italic;
}

.title {
    font-weight: 900;
    font-size: x-large;
    color: teal;
}

.subtitle {
    font-weight: bold;
    font-size: large;
    color: #ccffcc;
}

.dedication {
    color: lime;
    font-style: italic;
}

.copyright {
    font-size: x-small;
    color: teal;
}

.author {
    font-weight: bold;
    font-size: large;
}

/*.author a:link
{
	text-decoration: none;
}

.author a:active
{
	background-color: teal;
	color: white;
}

.author a:visited
{
	color: silver;
}
*/

.artistwork {
    font-size: x-small;
}

.life {
    font-size: x-small;
}

.lifeAuthor {
    font-size: small;
}

.work {
    font-weight: normal;
    color: teal;
}

.workPublished {
    font-weight: normal;
    color: teal;
}

.translation {
    color: #669999;
}

    .translation:before {
        content: "[";
    }

    .translation:after {
        content: "]";
    }

.originalTitle {
    font-weight: bold;
}

.translatedTitle {
    font-weight: bold;
    font-style: italic;
}

.translatedWork {
    font-weight: bold;
    font-style: italic;
}

.translator {
    font-style: italic;
}

.translationPublished {
    font-style: normal;
}

.created {
    font-size: x-small;
    color: #00C000;
    display: none;
    visibility: hidden;
}

.edited {
    font-size: x-small;
    color: #00C000;
    display: none;
    visibility: hidden;
}

@media (prefers-color-scheme: light) {
    body {
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background: #013434;
        color: lightblue;
    }

    h1 {
        background-color: #058383;
        color: cyan;
    }

    a {
        color: teal;
        text-decoration: none;
        border-bottom: 1px dotted;
    }

    .title {
        color: cyan;
    }

    .subtitle {
        color: #ccffcc;
    }

    .dedication {
        color: lime;
    }

    a:link {
        color: turquoise;
    }

    a:active {
        color: white;
        background-color: teal;
    }

        a:visited {
            color: #3d938a;
        }

    .category {
        background: #6bcbcb;
        color: #003e3e;
    }
}