/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/
body {
	@apply bg-background text-tertiary font-sans;
	font-size: 14px;
	@media screen(lg) {
		font-size: 18px;
	}
}

#menu-toggle:checked + #menu {
	display: flex;
	justify-content: center;
}

@media (max-width: 768px) {
	footer {
		.legal, .wp-block-group {
			flex-direction: column;
			margin-left: 1rem;
			margin-right: 1rem;
		}
	}
}