@import "tailwindcss";


body {
	margin-inline: auto;

	min-width: 320px;
	height: 100vh;

	text-align: center;
}

#root {
	padding-top: 4rem;
	padding-bottom: 4rem;
	padding-inline: 1rem;

	height: 100%;
	width: 100%;

	overflow: auto;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 3rem;
}

a.active {
	color: oklch(70.7% 0.165 254.624);	/* blue-400 */
}

nav {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;

	margin-inline: auto;

	padding-inline: 1rem;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;

	width: 100%;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;

	margin-inline: auto;

	padding-inline: 1rem;
}