body {
	padding: 1rem 2rem;
	background-color: rgb(18, 18, 18);
	background-image: url("/assets/wallpaper.png");
	background-size: cover;

	color: white;
	font-size: 14px;
	text-shadow: 0 0 0px rgba(255, 255, 255, 1);

	transition: text-shadow 0.2s ease, color 0.2s ease;
}

::selection {
	background-color: white;
	color: black;
	text-shadow: 0 0 0px black;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

section {
	animation: fadeIn 0.5s ease-in;
	animation-fill-mode: backwards;
	will-change: opacity;
}

a {
	color: inherit;
	text-decoration: none;
	transition: text-shadow 0.2s ease, color 0.2s ease, background-color 0.3s ease;

	&:hover {
		color: white !important;
		text-shadow: 0 0 0px rgba(255, 255, 255, 1);
	}

	&:visited {
		color: inherit;
	}
}

@keyframes clickFlash {
	0% {
		background-color: white;
	}
	100% {
		background-color: transparent;
	}
}

a.click-flash {
	animation: clickFlash 0.25s ease-out;
	will-change: background-color;
}

body:has(a:hover) {
	color: rgb(225, 225, 225);
	text-shadow: none;
}