/* :root {
    color-scheme: dark light;
}

*::-webkit-scrollbar {
    display: block;
    overflow: auto;
} */
:root {
    color-scheme: dark /* light */;
    --primary-color: #2c3e50;
    --secondary-color: #ecf0f1;
    --accent-color: #3498db;
    --font-family: 'Arial', sans-serif;
    --felix-color: #aa00f3;
    --isa-color: #494ee0;
    --iundf-color: #016eda;
}

body {
    font-family: var(--font-family);
    /* background-color: var(--secondary-color); */
    /* color: var(--primary-color); */
    margin: 0;
    padding: 20px;
    line-height: 1.6;
    margin-left: 380px;
}

h1, h2, h3, h4 {
    /* color: var(--primary-color); */
    margin-top: 20px;
}

h1 {
    font-size: 2.5em;
    /* border-bottom: 2px solid var(--accent-color); */
    /* padding-bottom: 5px; */
}

h2 {
    font-size: 2em;
    /* border-bottom: 1px solid var(--accent-color); */
    /* padding-bottom: 5px; */
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.2em;
}

p {
    margin: 10px 0;
}

a {
    /* color: var(--accent-color); */
    color: var(--iundf-color) !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style-type: disc;
    margin-left: 20px;
}

li {
    margin: 5px 0;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    /* background: var(--secondary-color); */
    scrollbar-arrow-color: #ecf0f1;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;
    border: 2px solid var(--secondary-color);
}

.felix {
    /* color: var(--felix-color) !important; */
    & a {
        color: var(--felix-color) !important;
        font-size: 18px;
    }
}

.isa {
    /* color: var(--isa-color) !important; */
    & a {
        color: var(--isa-color) !important;
        font-size: 18px;
    }
}

.iundf {
    /* color: var(--iundf-color) !important; */
    & a {
        color: var(--iundf-color) !important;
        font-size: 18px;
    }
}

ul li {
    margin: 10px 0;
    font-size: large;
}