html[data-theme='dark'] {
	color-scheme: dark;
}

.hover-outline {
	outline: 2px solid transparent;
	transition-property: outline-color;
	transition-duration: 0.25s;
}

.hover-outline:hover {
	outline: 2px solid rgb(250, 77, 96);
	transition-property: outline-color;
	transition-duration: 0.25s;
}

hr {
	background-color: rgba(127, 127, 127, 0.2);
}

.blurry-main-background {
	box-shadow: 0px 0px 8px 8px rgba(var(--main-bg), 1);
}

.grayscale {
	filter: grayscale(1);
	transition-property: filter;
	transition-duration: 0.5s;
}

.grayscale:hover {
	filter: grayscale(0);
	transition-property: filter;
	transition-duration: 0.5s;
}