:root {
	--accent: #28ebb5
}
body {
	background: #000000;
	color: #ffffff;
	padding-bottom: 100px;
}
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: black;
}
#footer-links {
	margin: 10px;
}
hr {
	color: #ffffff;
}
.tuxcord-image {
	position: absolute;
	top: 0;
	left: 650px;
}
a {
	text-decoration: none;
	color: var(--accent);
}
a:hover {
	animation: half-spin 1s linear infinite;
	display: inline-block; /* Ensures the text spins around its center */
}
@keyframes half-spin {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(10deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0deg);
	}
}