@import url("https://fonts.cdnfonts.com/css/satoshi");

@font-face {
	font-family: "HoaxVandal";
	src: url("assets/font/HoaxVandal-OV24p.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.text-hoaxvandal {
	font-family: "HoaxVandal";
}

.glitch-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.03) 0px,
		rgba(0, 0, 0, 0.1) 1px,
		rgba(255, 255, 255, 0.03) 2px
	);
	animation: glitch 0.2s infinite alternate;
	z-index: -1;
}

@keyframes glitch {
	0% {
		transform: skewX(0deg) scale(1);
	}
	20% {
		transform: skewX(-5deg);
	}
	40% {
		transform: skewX(5deg) scale(1.02);
	}
	60% {
		transform: skewX(-2deg);
	}
	80% {
		transform: skewX(3deg) scale(1.01);
	}
	100% {
		transform: skewX(0deg);
	}
}