html * {
	box-sizing: border-box;
}
:root {
	--primary-color: #7b3053;
	--secondary-color: #fff9ea;
	--tertiary-color: #ffa2a5;
	--darken4: #0004;
}
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');
@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-BoldItalic.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: fallback;
}
body {
	font-family: "Atkinson Hyperlegible Next",system-ui,sans-serif;
	background-color: var(--primary-color);
	color: var(--secondary-color);
	font-size: 100%;
	line-height: 135%;
}
a {
	color: var(--tertiary-color);
}
main {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(600px,1fr));
	gap: 1em;
}
section.second {
	font-family: "Figtree",system-ui,sans-serif;
}
h3 {
	text-transform: capitalize;
	font-size: 200%;
	line-height: 120%;
}