/* BODY & ALL */
:root {
  --bg: #000000;
  --fg: #ffffff;
  --a1: #00ffff;
  --a2: #0000ff;
  --a3: #ff00ff;
}

body {
    background-color: var(--bg);
    color: var(--fg);
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: monospace;
}


/* ELEMENTS */
a {
  color: var(--a1);
  text-decoration: none;
}

a:hover {
  color: var(--a2);
}


/* CLASSES */
.fill-bg {
	z-index: -1; 
	position: absolute; 
	height: 100%; 
	width: 100%; 
	top: 0px; 
	left: 0px; 
	background-color: var(--fg);
}

.footer {
	padding: 10px;
}

.cube-20 {
	height: 20px;
	width: 20px;
}

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

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

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

.m-10 {
	margin: 10px;
}

.doc-body {
	max-width: 80ch;
	margin: auto;
}