header.svelte-ppuqjm {
		margin-bottom: 5rem;
	}

	nav.svelte-ppuqjm {
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 1rem;
		left: calc((100% - 900px) / 2);
		width: 900px;
		padding-left: 2rem;
		padding-right: 2rem;

		span:where(.svelte-ppuqjm) {
			font-size: 3rem;
			color: var(--vats-text3);
		}
	}

	article.svelte-ppuqjm {
		width: 800px;
		margin: auto;
	}

	section.svelte-ppuqjm {
		font-family: var(--vats-font-blog);
		font-size: var(--vats-text-l);
	}

	@media (max-width: 900px) {
		article.svelte-ppuqjm {
			width: 100%;
		}

		nav.svelte-ppuqjm {
			width: 100%;
			left: 0;
			padding-left: 3rem;
			padding-right: 2rem;
		}
	}

	@media (max-width: 600px) {
		nav.svelte-ppuqjm {
			padding-left: 0.5rem;
			padding-right: 2rem;
		}
	}