:root {
	--space-page-x: 36px;
	--space-page-y: 24px;
	--space-page-section: 120px;
	--space-page-section-half: 60px;
	--space-page-section-96: 96px;
	--gutter-gap: 24px;
	--nav-padding-top: 18px;
	--nav-padding-bottom: 18px;
	--bg-color: rgb(40 45 145);
	--blue: rgb(40 45 145);
	--grey: rgba(255, 255, 255, 0.5);
	--main-pt: var(--space-page-section-half);

}

@font-face {
	font-family: 'ABCMarist';
	src:
		url('../fonts/ABCMaristVariable.woff') format('woff-variations'),
		url('../fonts/ABCMaristVariable.ttf') format('truetype');
	font-weight: 1 999;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ABCMarist';
	src:
		url('../fonts/ABCMaristItalicVariable.woff') format('woff-variations'),
		url('../fonts/ABCMaristItalicVariable.ttf') format('truetype');
	font-weight: 1 999;
	font-style: italic;
	font-display: swap;
}

@media (max-width: 768px) {
	:root {
		--space-page-x: 24px;
		--space-page-y: 16px;
		--space-page-section: 96px;
		--space-page-section-half: 48px;
		--space-page-section-96: 96px;
		--gutter-gap: 24px;
		--nav-padding-top: 20px;
		--nav-padding-bottom: 20px;
	}
}