/* mate-sc-regular - latin */
@font-face {
	font-family: 'Mate SC';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('/assets/fonts/mate/mate-sc-v19-latin-regular.woff2') format('woff2'),
		url('/assets/fonts/mate/mate-sc-v19-latin-regular.woff') format('woff');
	font-display: swap;
}

/* montserrat-300 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local(''), url('/assets/fonts/montserrat/montserrat-v23-latin-300.woff2') format('woff2'),
		url('/assets/fonts/montserrat/montserrat-v23-latin-300.woff') format('woff');
	font-display: swap;
}
/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('/assets/fonts/montserrat/montserrat-v23-latin-regular.woff2') format('woff2'),
		url('/assets/fonts/montserrat/montserrat-v23-latin-regular.woff') format('woff');
	font-display: swap;
}
/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local(''), url('/assets/fonts/montserrat/montserrat-v23-latin-600.woff2') format('woff2'),
		url('/assets/fonts/montserrat/montserrat-v23-latin-600.woff') format('woff');
	font-display: swap;
}

:root {
	--primary-color: #8f8ad18a;
	--secondary-color: #eaf1ef;
	--highlight: #6d6193;
	--whatsapp: #25d366;
	--title-ff: 'Mate SC', serif;
	--body-ff: 'Montserrat', sans-serif;

	--border-radius: 7px 7px 7px 7px;
	--box-shadow: 6px 6px 18px 0px #0000004c;
	--easing: cubic-bezier(0.47, 0, 0.745, 0.715);
}

html {
	scroll-behavior: smooth;
	line-height: 1.6;
}

.fade-out {
	-webkit-animation: fade-out 1s ease-out both;
	animation: fade-out 1s ease-out both;
}

.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}