// link rel in header
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Kanit:wght@200;300&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

:root {
	--primary-font: 'Bebas Neue', sans-serif;
	--secondary-font: 'Lato', sans-serif;
	--body-font: 'Montserrat', sans-serif;
}

.primary-font {
	font-family: var(--primary-font)
}

.secondary-font {
	font-family: var(--secondary-font)
}

p {
	font-family: var(--secondary-font);
}

h1,h2,h3 {
	font-family: var(--primary-font);
}

body,
button,
input,
select,
textarea {
	font-family: var(--body-font);
	font-weight: normal;
	font-display: swap;
}