:root {
	--accent: #28ebb5
}
body {
	background: #000000;
	color: #ffffff;
	padding-bottom: 100px;
}
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: black;
}
h1 {
	text-decoration: underline;
	font-size: 20px;
}
#footer-links {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid var(--accent);
}
hr {
	color: #ffffff;
}
#ascii-penguin {
	position: absolute;
	top: 0;
	left: 650px;
}
#ascii-clippy {
	position: absolute;
	top: 10px;
	left: 650px;
	font-size: 10px;
	transform: rotate(-0.3rad);
}
a {
	text-decoration: none;
	color: var(--accent);
}

#member img {
	width: 100px;
	border-radius: 50%;
}
#member img:hover {
	    transform: scale(1.2);
    filter: drop-shadow(0 0 3px #202020);
}
#member-role {
	color: #888888;
}
#members {
	display: grid;
	grid-template-columns: auto auto auto auto;
}
#members div {
	padding: 10px;
	border-bottom: 1px solid var(--accent);
	text-align: center;
	margin: 20px;
}
#member:hover {
	background: #222222;
}