main.svelte-1yuutup {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	section.svelte-1yuutup {
		margin-top: 1em;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3em;
		min-height: 70vh;
		margin-left: auto;
		margin-right: auto;
		height: fit-content;
	}

	.aWord.svelte-1yuutup {
		max-width: 500px;
	}

	.book.svelte-1yuutup {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1em;
		margin-bottom: 3em;
		max-width: 400px;
		text-align: center;
	}
	.page.svelte-1yuutup {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: start;
		gap: 1em;
		background-color: var(--surface-color);
		padding: 2em 3em;
		border-radius: 15px;
		position: relative;
		animation: svelte-1yuutup-animateIn 1s cubic-bezier(0.1, 0.27, 0, 0.97) backwards 0s;
		transition: transform 1.5s cubic-bezier(0.11, 0.54, 0, 0.99);
		max-width: 90%;
		line-height: 1.5;
		font-size: 1.1em;
	}

	/* (empty) .page:nth-child(1) > p::first-letter {
		/* font-family: "PressStart2P", monospace; *\/
	}*/

	/* (unused) .page.second {
		/* margin-top: 5em; *\/
		animation-delay: 0.1s;
	}*/

	.page.aWord.svelte-1yuutup {
		align-items: flex-start;
		animation-delay: 0.4s;
		width: 500px;
	}

	.tag.svelte-1yuutup {
		padding: 0.3em 0.3em;
		background-color: rgba(0, 0, 0, 0.325);
		border-radius: 5px;
		color: rgba(120, 144, 252, 0.977);
		text-decoration: none;
	}

	.airing.svelte-1yuutup,
	.logo.svelte-1yuutup {
		display: inline-block;
		/* text-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5); */

		font-family: "PressStart2P", monospace;
		animation: svelte-1yuutup-float 2s ease-in-out backwards infinite;
		/* color: var(--primary); */
	}

	.airing.svelte-1yuutup {
		color: rgb(255, 0, 0);
		animation: svelte-1yuutup-wiggle 0.1s ease-in-out infinite;
		text-transform: uppercase;
		text-shadow: 0px 0px 5px rgba(255, 0, 0, 0.806);
	}

	/* (unused) .tldr {
		animation: fadein 1s 0.5s backwards;
		margin-bottom: 4em;
		text-transform: uppercase;
		font-family: "PressStart2P", monospace;
		font-size: 0.7em;
	}*/

	/* (unused) .wiggle {
		display: inline-block;
		/* animation: wiggle 0.2s ease-in-out infinite; *\/
	}*/

	@keyframes svelte-1yuutup-animateIn {
		0% {
			opacity: 0;
			transform: translateY(5em);
		}
		100% {
			opacity: 1;
			transform: translateY(0em);
		}
	}

	@keyframes svelte-1yuutup-float {
		0% {
			transform: translateY(0em);
		}
		50% {
			transform: translateY(0.2em);
		}
		100% {
			transform: translateY(0em);
		}
	}

	@keyframes svelte-1yuutup-chaoticScale {
		0% {
			font-size: 1.1em;
		}
		10% {
			font-size: 1.2em;
		}
		20% {
			font-size: 0.9em;
		}
		30% {
			font-size: 1.1em;
		}
		40% {
			font-size: 1.3em;
		}
		50% {
			font-size: 1.2em;
		}
		60% {
			font-size: 1.1em;
		}
		70% {
			font-size: 0.7em;
		}
		80% {
			font-size: 1.1em;
		}
		90% {
			font-size: 1.2em;
		}
		100% {
			font-size: 1.1em;
		}
	}

	@keyframes svelte-1yuutup-fadein {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes svelte-1yuutup-wiggle {
		0% {
			transform: translate(0px, 0px);
		}
		5% {
			transform: translate(0.1px, 0.1px);
		}
		10% {
			transform: translate(-0.5px, 0.5px);
		}
		15% {
			transform: translate(0.5px, -0.5px);
		}
		20% {
			transform: translate(-0.5px, -0.5px);
		}
		25% {
			transform: translate(0.5px, 0.5px);
		}
		30% {
			transform: translate(-1px, 1px);
		}
		35% {
			transform: translate(1px, -1px);
		}
		40% {
			transform: translate(-1px, -1px);
		}
		45% {
			transform: translate(0px, 1px);
		}
		50% {
			transform: translate(0px, -1px);
		}
		55% {
			transform: translate(0.5px, -0.2px);
		}
		60% {
			transform: translate(-0.5px, 0.2px);
		}
		65% {
			transform: translate(1px, 0.2px);
		}
		70% {
			transform: translate(-1px, -0px);
		}
		75% {
			transform: translate(0px, 0.5px);
		}
		80% {
			transform: translate(0px, -0.2px);
		}
		85% {
			transform: translate(0.8px, 0.1px);
		}
		90% {
			transform: translate(-1px, -1px);
		}
		95% {
			transform: translate(0.5px, 0.5px);
		}
		100% {
			transform: translate(0px, 0px);
		}
	}

	@media only screen and (max-width: 800px) {
		.book.svelte-1yuutup {
			flex-direction: column;
			max-width: 350px;
			/* gap: 0em; */
		}

		.page.aWord.svelte-1yuutup {
			width: 300px;
		}

		/* (unused) .page.second {
			top: 0;
			margin-top: 0;
		}*/
	}