/* Base Palette */
/* init */
.paletteBase {
    background-color: white;
    color: black;
}

/* navbar */
.paletteBase header {
    border-color: black;
}

.paletteBase .navbarLinks a:link {
	color: black;
}

.paletteBase .navbarLinks a:visited {
	color: black;
}

.paletteBase .navbarLinks a:active {
	color: rgb(255, 50, 50);
	background-color: transparent;
}

/* main */
.paletteBase .main {
    border-color: black;
}


/* Dark Palette */
/* init */
.paletteDark {
    background-color: black;
    color: white;
}

/* navbar */
.paletteDark header {
    border-color: white;
}

.paletteDark .headerLogo {
    filter: invert(100%);
}

.paletteDark .navbarLinks a:link {
	color: white;
}

.paletteDark .navbarLinks a:visited {
	color: white;
}

.paletteDark .navbarLinks a:active {
	color: rgb(255, 50, 50);
	background-color: transparent;
}

.paletteDark .navbarOptionsIcon {
    filter: invert(100%);
}

/* main */
.paletteDark .main {
    border-color: white;
}