@import "fonts.css";
@import "normalized.css";

:root {
	--text: #1E3B31;
	--primary: #79b553;
	--secondary: #ffcc00;
	--error: #D01F1F;
	--container: clamp(47.938rem, 100% - 10rem, 77rem);
}

html {
	font-size: 16px;
	overflow-x: hidden;
}

.container {
	max-width: 77rem;
	max-width: var(--container);
	width: 100%;
	margin: 0 auto;
}

a {
	color: inherit;
}

@media (width > 768px) {
	.mobile {
		display: none !important;
	}
}

@media (width <= 1366px) {
	html {
		font-size: 14px;
	}
}

@media (width < 768px) {
	.desktop {
		display: none !important;
	}
}