@charset 'UTF-8';

@font-face {
	font-family: 'roboto';
	font-weight: 400;
	font-display: swap;
	src: url('/assets/fonts/roboto/roboto-regular.woff2') format('woff2'),
	     url('/assets/fonts/roboto/roboto-regular.woff') format('woff');
}
@font-face {
	font-family: 'roboto-regular';
	font-weight: 400;
	font-display: swap;
	src: url('/assets/fonts/roboto/roboto-regular.woff2') format('woff2'),
	     url('/assets/fonts/roboto/roboto-regular.woff') format('woff');
}
@font-face {
	font-family: 'roboto-light';
	font-weight: 300;
	font-display: swap;
	src: url('/assets/fonts/roboto/roboto-light.woff2') format('woff2'),
	     url('/assets/fonts/roboto/roboto-light.woff') format('woff');
}
@font-face {
	font-family: 'roboto-bold';
	font-weight: 700;
	font-display: swap;
	src: url('/assets/fonts/roboto/roboto-bold.woff2') format('woff2'),
	     url('/assets/fonts/roboto/roboto-bold.woff') format('woff');
}
@font-face {
	font-family: 'Sansation';
	font-weight: 400;
	font-display: swap;
	src: url('/assets/fonts/sansation/sansation-regular.woff2') format('woff2'),
	     url('/assets/fonts/sansation/sansation-regular.woff') format('woff');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 500;
	font-display: swap;
	src: url('/assets/fonts/sarabun/sarabun-medium.woff2') format('woff2'),
	     url('/assets/fonts/sarabun/sarabun-medium.woff') format('woff');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 700;
	font-display: swap;
	src: url('/assets/fonts/sarabun/sarabun-bold.woff2') format('woff2'),
	     url('/assets/fonts/sarabun/sarabun-bold.woff') format('woff');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 400;
	font-display: swap;
	src: url('/assets/fonts/sarabun/sarabun-regular.woff2') format('woff2'),
	     url('/assets/fonts/sarabun/sarabun-regular.woff') format('woff');
}