* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	min-width: 320px;
	margin: 0;
}

a { color: inherit; }

.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	color: var(--muted);
	font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: .01ms !important; }
}