@font-face {
   font-family: 'Franklin Gothic';
   src: url('fonts/FranklinGothic.woff2') format('woff2'),
      url('fonts/FranklinGothic.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'LineSeedSansTH';
   src: url('fonts/LINESeedSansTH_W_Rg.woff2') format('woff2'),
      url('fonts/LINESeedSansTH_W_Rg.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

:root{
   --color-main1: #4C9266;
   --color-main2: #EEAD59;
   --color-main3: #F1F1CC;
}

.font-main1 {
   font-family: 'Franklin Gothic';
}

.font-main2 {
   font-family: 'LineSeedSansTH';
}

body {
   font-family: 'LineSeedSansTH';
}