:root {
    color-scheme: light dark;
    --my-black: black;
    --my-white: white;
    --my-almostblack: #212529;
    --my-almostwhite: #cddbe8;
}

@media (prefers-color-scheme: dark) {
    :root {
	    --my-black: white;
	    --my-white: black;
	    --my-almostblack: #cddbe8;
    	--my-almostwhite: #212529;
    }
}

html {
    position: relative; /* Footer/Navbar */
    min-height: 100%; /* Footer/Navbar */
}

.footer { /* Footer/Navbar */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

body {
 	background-color: var(--my-white);
 	color: var(--my-almostblack);
    padding-bottom: 90px;
    padding-top: 80px;
}
.card-body {
 	background-color: var(--my-white);
 	color: var(--my-almostblack)
}

h1 {
    margin-top: 6rem;
}
h2 {
    margin-top: 5.5rem;
}
h3 {
    margin-top: 4rem;
}
h4 {
    margin-top: 3.5rem;
}
h5 {
    margin-top: 3rem;
}
h6 {
    margin-top: 2.5rem;
}

.text-monospace {
    font-family: monospace;
}