addEventListener("DOMContentLoaded", () => {
	const styles = document.createElement("style");
	styles.textContent = `
		.notifier {
			background-clip: text;
			bottom: 8px;
			color: black;
			font-family: hover;
			font-size: 22px;
			left: 50%;
			opacity: 0.5;
			position: fixed;
			text-decoration: none;
			transform: translateX(-50%);
			white-space: nowrap;
		}

		.notifier:hover {
			animation: zoom 1s ease;
			animation-fill-mode: forwards;
		}

		@keyframes zoom {
			to {
				background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
				color: transparent;
				font-size: 30px;
				opacity: 1;
				transform: translateX(-50%) skewX(-6deg);
				-webkit-text-stroke: 0.5px black;
			}
		}

		@font-face {
			src: url(font.ttf);
			font-family: hover;
		}
	`;
	document.head.appendChild(styles);

	const notifier = document.createElement("a");
	notifier.textContent = "This is a Nael2xd's Site";
	notifier.href = "/";
	notifier.className = "notifier";
	document.body.appendChild(notifier);
});