@font-face {
	font-display: swap;
	src: url('../fonts/livvic/livvic-v15-latin-500.woff2') format('woff2');
	font-style: normal;
	font-weight: 500;
	font-family: 'Livvic';
}

@font-face {
	font-display: swap;
	src: url('../fonts/livvic/livvic-v15-latin-500italic.woff2') format('woff2');
	font-style: italic;
	font-weight: 500;
	font-family: 'Livvic';
}

@font-face {
	font-display: swap;
	src: url('../fonts/livvic/livvic-v15-latin-700.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
	font-family: 'Livvic';
}


:root {
	--c-theme-1: #00441b;
	--c-theme-2: #006d2c;
	--c-theme-3: #238b45;
	--c-theme-4: #41ab5d;
	--c-theme-5: #74c476;
	--c-theme-6: #a1d99b;
	--c-theme-7: #c7e9c0;
	--c-theme-8: #e5f5e0;
	--c-theme-9: #f7fcf5;
}


html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	color: var(--c-theme-2);
	font-weight: 500;
	font-family: Livvic, sans-serif;
	background-color: var(--c-theme-9);
}

body {}

*,
*::before,
*::after {
	box-sizing: border-box;
}

:where(*) {
	margin: 0;
	padding: 0;
	border: 0;
	color: currentColor;
	font-size: clamp(14px, 4vw, 22px);
	line-height: 1.5;
	vertical-align: baseline;
}

:where(p, ul) {
	margin-bottom: 1.625em;
}

strong {
	font-weight: 700;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

h1 {
	padding: 1.5em 2em;
	color: var(--c-theme-3);
	font-weight: 500;
	line-height: 1.2;
	text-align: center;

	strong {

		color: var(--c-theme-1);
	}

	&,
	* {
		font-size: 1.3em;

		@media screen and (min-width: 768px) {
			font-size: 1.61em;
		}
	}
}

h2 {
	margin-bottom: 1.375em;
	font-size: 1.2em;
}


main {
	margin-inline: auto;
	box-sizing: content-box;
	max-width: 75ch;
	padding: 3em 8vw;
}

a:hover {
	text-decoration: none;
}

.inter {
	margin: 3em 0;
}