:root {
	--header-image: url('/img/header-light-mode-3.png');
	--body-bg-image: url('/img/bg-light-mode.png');

	/* colors */
	--content: black;
}

body {
	background-color: white;
	background-size: 400px;
	color: #black;
	background-image: var(--body-bg-image);
}

#container a {
	color: blue;
}

#header {
	background-color: white;
	/* header color here! */
	/* this is only for a background image! */
	/* if you want to put images IN the header, 
you can add them directly to the <div id="header"></div> element! */
	/*background-image: var(--header-image);
	background-size: 100%;
	background-position: center;*/
	border: 1px solid black;
}

#headerText a {
	color: #1D000B;
	text-decoration: none;
}

aside {
	background-color: white;
	border: 1px solid black;
}

main {
	background-color: white;
	border: 1px solid black;
}

footer {
	background-color: white;
	border: 1px solid black;
}

h1,
h2,
h3 {
	color: black;
}

strong {
	/* this styles bold text */
	color: black;
}

.box {
	background-color: white;
	border: 1px solid black;
}

#topBar {
	background-color: white;
	border: 1px solid black;
}

#topBar button {
	background-color: white;
	border: 1px solid black;
	color: black;
}