/* ====================================================================================

	Basic elements

==================================================================================== */

html {
	background-color: var(--color-bg-page);
}

body {
	position: relative;

	min-height: 100vh;

	font-family: var(--font-family-ui);
	font-size:   var(--text-body);
	font-weight: var(--font-weight-regular);
	line-height: normal;

	background-color: var(--color-bg-page);
	color:            var(--color-fg-default);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Everything the posters overlap lives inside this, so the posters can be positioned against the container rather than the viewport.

The posters deliberately hang past the container, which pushes the page wider than the viewport once the viewport drops below the 1440 design width. `clip` rather than `hidden` so no scroll container is created. */
.site-main {
	position: relative;

	overflow-x: clip;
}