@font-face {
	font-family: 'FuturaLT';
	src: url('FuturaLT-Book.woff');
	src: url('FuturaLT-Medium.woff');
	src: url('FuturaLT-Bold.woff');
}

html * {
	box-sizing: border-box;
}

:root {
	--primary-color: #fc2105;
	--secondary-color: #fca4dc;
	--color4: #69385c;
	--background-color: rgba(35, 33, 11 0.9);
}

p {
	color: var(--color4);
}

body {
	-webkit-text-stroke-width: 1.2px;
	-webkit-text-stroke-color: var(--color4);
	font-family: "Avenir Next", system-ui, sans-serif;
	font-size: 100%;
	line-height: 135%;
	background-color: var(--primary-color);
	color: var(--secondary-color);
	background-image: url('images10/macro-leaves-gabed.jpg');
	background-size: cover;
}

a {color: var(--secondary-color);}

header>* {
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: var(--color4);
	min-height: 30vh;
	background-color: #88888833;
	display: flex;
	justify-content: center;
	align-items: center;
}

h1 {
	line-height: 1.2em;
}

h2 {
	padding-top: 1em;
}

ul {
	text-align: left;
}

.card p {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas:
	"hdr hdr hdr hdr hdr hdr hdr hdr hdr hdr hdr hdr"
	"mne mne mne mne mne mne mne mne mne mne mne mne"
	"ftr ftr ftr ftr ftr ftr ftr ftr ftr ftr ftr ftr";
	gap: 4px;
}

footer {
	-webkit-text-stroke-width: 0.8px;
	font-family: "Futura LT", system-ui, sans-serif;
	padding-top: 2em;
	text-align: center;
}