<script lang="ts">
</script>

<p>Willkommen zum Maskenball</p>

<style>
	p {
		font-family: Parisienne;
		color: #d9c556;
		text-align: center;
		font-size: min(7vw, 2em);
		margin-top: 0em;
		animation: fadeIn 5s ease forwards;
		animation-delay: 3s;
		opacity: 0;
		transition: font-size 3s ease;
		filter: drop-shadow(0px 0px 40px #be8630aa) drop-shadow(0px 0px 5px black)
			drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(-5%) scale(0.8);
		}
		to {
			opacity: 1;
			transform: translateY(0%) scale(1);
		}
	}
</style>
