/*Glow effect*/
.card {
	background-color: rgba(255, 255, 255, 0.02);
	border: 3px solid rgba(255, 255, 255, 0.1);
	border-radius: 15px;
	height: auto;
	position: relative;
	max-width: auto;
	margin-top: calc(var(--normal-size) / 10);
	margin-bottom: calc(var(--normal-size) / 10);
	padding-top: calc(var(--normal-size) / 10);
	padding-bottom: calc(var(--normal-size) / 10);
	padding-left: calc(var(--normal-size) / 10);
	padding-right: calc(var(--normal-size) / 10);
	transition: max-width .5s;
}
.card::before {
	/*Light*/
	background: radial-gradient(
		800px circle at var(--mouse-x) var(--mouse-y),
		var(--light-color),
		transparent 40%
	);
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: -1;
	opacity: 0;
	transition: opacity .5s;
}
.card:hover::before {
	opacity: 1;
}