@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Light'),
		local('Poppins-Light'),
		url('./font/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Light Italic'),
		local('Poppins-LightItalic'),
		url('./font/Poppins-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Medium'),
		local('Poppins-Medium'),
		url('./font/Poppins-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Medium Italic'),
		local('Poppins-MediumItalic'),
		url('./font/Poppins-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Bold'),
		local('Poppins-Bold'),
		url('./font/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src:
		local('Poppins Bold Italic'),
		local('Poppins-BoldItalic'),
		url('./font/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('./font/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--font-family-sans-serif: 'Poppins', sans-serif;
	--font-family-base: 'Poppins', sans-serif;
	--font-sans: 'Poppins', sans-serif;
}

body {
	font-family: 'Poppins', sans-serif !important;

	#content {
		display: flex;
		flex-direction: column;
	}

	#master-layout-wrapper {
		flex-grow: 1;
		display: flex;
		flex-direction: column;

		#main-content {
			flex: 1;
		}
	}
}