html {
    position: relative;
    min-height: 100%;
}

body {
    padding-left:20px;
	font-family: Courier;
	background-color: #ffffff;
	width: 600px;
}
	
h1 {
	padding-top:12px;
	margin: 0;
    font-weight: bold;
    font-size: 68px;
}
    
h2 {
	margin: 0;
    font-weight: bold;
    font-size: 32px;
    font-style: italic;
}

h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

hr {
	border-top: 1px solid black;
}
	
footer {
	position: absolute;
    bottom: 20px;
    overflow: hidden;
}

button {
    font-family: Courier;
	padding: 2px;
}

.games:link {
	background-color: black;
	font-weight: bold;
	color: white;
	padding: 4px;
	text-decoration: none;
	font-size: 18px;
}

.games:hover {
	background-color: black;
	color: red;
	padding: 4px;
	text-decoration: Underline;
	font-size: 18px;
}

.games:visited {
	background-color: black;
	color: white;
	padding: 4px;
	text-decoration: none;
	font-size: 18px;
}
	
.invert-hover:link {
    display: inline-block;
}

.invert-hover:hover img {
    mix-blend-mode: difference;
    background-color: white;
}
    
.regular-list {
    line-height: 21px;
}
    
.text-adventures {
    line-height: 16px;
}

.overlay-absolute {
    position: absolute;
    top: 80px;
    left: 240px;
    z-index: 1;
}

.overlay-fixed {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 2;
}