/*https://color.adobe.com/create/color-contrast-analyzer*/
/*dark theme*/
body.dark{
    --bg-color: #000;
    --link-clicked: #B250D8;
    --link-unclicked: #d80;
    --normal-text: #5ac;
}
/*light theme*/
body.light{
    --bg-color: #FDAAA3;
    --link-unclicked: #147;
    --link-clicked: #042;
    --normal-text: #000;
}

body {
    background: var(--bg-color);
    color: var(--normal-text);
    width: 100%;
    height: 100%;
}

a {
    color: var(--link-unclicked);
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: var(--link-clicked);
}

a:hover {
    text-decoration: underline;
}

#header {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}
.nav-link {
}