Made it look a bit nicer and added images for the members section

tuxcord/static/index.css

@@ -12,39 +12,56 @@ footer {
 	width: 100%;
 	background: black;
 }
+h1 {
+	text-decoration: underline;
+	font-size: 20px;
+}
 #footer-links {
-	margin: 10px;
+	margin: 0px;
+	padding: 5px;
+	border-top: 1px solid var(--accent);
 }
 hr {
 	color: #ffffff;
 }
-.tuxcord-image {
+#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);
 }
-a:hover not(.no-spin) {
-	animation: half-spin 1s linear infinite;
-	display: inline-block; /* Ensures the text spins around its center */
+
+#member img {
+	width: 100px;
+	border-radius: 50%;
 }
-@keyframes half-spin {
-	0% {
-		transform: rotate(0deg);
-	}
-	25% {
-		transform: rotate(10deg);
-	}
-	50% {
-		transform: rotate(0deg);
-	}
-	75% {
-		transform: rotate(-10deg);
-	}
-	100% {
-		transform: rotate(0deg);
-	}
+#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;
 }