/* purgecss start ignore */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* purgecss end ignore */

@font-face {
  font-family: "kanit";
  src: url("../font/Kanit-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: U+0E00-0E7F; /* Thai characters */
}
@font-face {
  font-family: "kanit-bold";
  src: url("../font/Kanit-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: U+0E00-0E7F; /* Thai characters */
}

@font-face {
  font-family: "Rubik";
  src: url("../font/Rubik-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: U+0020-007F; /* English characters */
}
@font-face {
  font-family: "Rubik-bold";
  src: url("../font/Rubik-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  unicode-range: U+0020-007F; /* English characters */
}


body {
  font-family: "kanit", "Rubik", sans-serif;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0 auto;
  overscroll-behavior-y: contain;
}