:root {
    --disabled: #747572;
    --font: #FCF7FF;
    --links: #F4E87C;
    --header: #C0DA74;
    --background: #000000;
    --border-deactivated: 2px solid var(--disabled);
    --border-activated: 2px solid var(--font);
}

[data-theme="light"] {
    --disabled: #05444b;
    --font: #0caac9;
    --links: #E54F6D;
    --header: #171D1C;
    --background: #d1f6f2;
    --border-deactivated: 2px solid var(--disabled);
    --border-activated: 2px solid var(--font);
}

body, button {
    background: var(--background);
    font-family: "Source Code Pro", fantasy;
}

/*Titel*/
header {
    font-size: xx-large;
    font-weight: bold;
    text-decoration: underline;
    color: var(--header);
}

/*Navigation*/
.navList:hover:not([disabled]) {
    font-weight: bold;
    border: var(--border-activated);
}

.navList:disabled {
    color: var(--disabled);
}

.navList {
    color: var(--font);
    font-weight: bold;
    border: var(--border-deactivated);
    border-radius: 15px;
}

/*Content*/
#grid-wrapper {
    color: var(--font);
}

/*home*/
#twitch-embed {
    border: var(--border-deactivated);
    border-radius: 15px;
}

.template-entry {
    border: var(--border-deactivated);
    border-radius: 15px;
}

.template-entry:hover {
    border: var(--border-activated);
}

/*about me*/
#information {
    border: var(--border-deactivated);
    border-radius: 15px;
}
#information * {
    margin: 5px;
}



/*projects*/
.repo {
    color: var(--font);
    border: var(--border-deactivated);
    border-radius: 15px;
}

/*Footer*/

a {
    color: var(--links);
    text-decoration: none;
}


a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
}