/* Color schema */
:root {
	--main-bg-color: #FFA7A7;
	--secondary-bg-color: #E93232;
	--tertiary-bg-color: teal;
	--h1-text-color: maroon;
	--menu-text-color: var(--h1-text-color);
	--text-bg-color: var(--main-bg-color);
	--text-color: black;
}

/* look and feel of background */
html,main {
	height: 100%;
	background-color: white;
	background-color: var(--main-bg-color);
	background-image: linear-gradient(var(--main-bg-color), var(--secondary-bg-color) 95%, var(--main-bg-color));
	background-attachment: fixed;
}

.dark-gray, .mid-gray {
    color: black;
}

.bg-red {
    background-color: red;
    background-color: var(--main-bg-color);
}

.content {
	border-radius: 0.5em;
    padding: 1.5em 1em 1.5em 1em;
    color: black;
    color: var(--text-color);
    background-color: white;
    background-color: var(--text-bg-color);
}