@import "./fonts.css";
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

h1, h2, h3, h4, h5, h6 {
  font-family: Kanit;
  font-weight: 600;
  font-style: normal;
}

h1 {
  font-size: 3rem;  
}

h2 {
  font-size: 2.6rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.4rem;
}

h6 {
  font-size: 1rem;
}

body.global {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}

header.global, main.global, footer.global {
  width: 100%;
}

main.global {
  flex-grow: 1;
}