@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
	@apply text-black;
	padding: 0;
	margin: 0;
}

.scrolling-background {
	background-image: url(/img/background.png);
	animation-name: scrollbg;
	animation-duration: 120s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	animation-direction: alternate;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.mobile-compatible {
	display: none;
}

@keyframes scrollbg {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 100% 100%;
	}
}

@media (max-width: 1024px) {
	.navbar {
		display: none !important;
	}

	.mobile-compatible {
		display: block;
	}
}
