/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* normalize some stuff */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* try something out */
.test-class {
	display: block;
	width: 80%;
    max-width: 800px;
	margin: 2vmax auto;
	border: solid yellow 2px;
	background-color: black;
	color: yellow;
	font-size: 2vmax;
	padding: 0.5vmax 1vmax;
	text-align: center;
	text-decoration: none;
}
.test-class:hover,
.test-class:focus,
.test-class:active {
	border: solid black 2px;
	background-color: yellow;
	color: black;
}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* footer stuff  */
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(241, 227, 4);
    color: black;
    text-align: center;
    padding: 1vmax 0;
}
#footer a {
    text-decoration: none;
    color: black;
}