::before,
::after,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  font-size: 16px;
  --primary-font: Montserrat, sans-serif;
  --secondary-font: Montserrat, sans-serif;
}

/* localized font-styles */
html:lang(th-TH) {
  --primary-font: "Noto Sans Thai";
}
html:lang(vi-VN) {
  --primary-font: "Noto Sans";
}

/* base */
body {
  margin: 0;
}

input,
textarea {
  font-family: inherit;
  margin: 0;
}

button {
  border: none;
  font-family: inherit;
  letter-spacing: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em 0;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  font-size: 2em;
}

a {
  color: inherit;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  margin: 0;
}

p {
  margin: 0;
}

.fitted-world h1,
.fitted-world h2,
.fitted-world h3,
.fitted-world h4,
.fitted-world h5,
.fitted-world h6 {
  text-transform: uppercase;
}

@font-face {
  font-family: "Stencil";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Y5KfvtYd5wmw.ttf") format("truetype");
}
@font-face {
  font-family: "Brush script";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/I4MOOkVLalau.ttf") format("truetype");
}

/* MADE Outer Sans */
@font-face {
  font-family: "MADE Outer Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/aikPU1mGoGp4.otf") format("opentype");
}
@font-face {
  font-family: "MADE Outer Sans";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/DqI8186aWhIN.otf")
    format("opentype");
}

/* Manrope */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: normal;
  src:
    local("Manrope"),
    url("../fonts/DvPY2SseDDd6.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: bold;
  src:
    local("Manrope"),
    url("../fonts/ym0bkiFC2CIB.woff2") format("woff2");
}

/* Noto Sans */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: normal;
  src:
    local("Noto Sans"),
    url("../fonts/9bi7u8DIIdUa.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Noto Sans"),
    url("../fonts/vZ4IPtYlkeDJ.ttf") format("truetype");
}

/* Noto Sans TH */
@font-face {
  font-family: "Noto Sans Thai";
  font-style: normal;
  font-weight: normal;
  src:
    local("Noto Sans Thai"),
    url("../fonts/F1N9vIn51MSA.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Thai Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Noto Sans Thai Bold"),
    url("../fonts/3NgerfC10oen.ttf") format("truetype");
}

/* Outfit */
@font-face {
  font-family: "Outfit";
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  src:
    local("Outfit Regular"),
    url("../fonts/pDL67iDUR7TV.ttf") format("truetype");
}

@font-face {
  font-family: "Outfit";
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  src:
    local("Outfit Regular"),
    url("../fonts/pDL67iDUR7TV.ttf") format("truetype");
}

@font-face {
  font-family: "Outfit";
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  src:
    local("Outfit Regular"),
    url("../fonts/pDL67iDUR7TV.ttf") format("truetype");
}

@font-face {
  font-family: "Outfit";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  src:
    local("Outfit Regular"),
    url("../fonts/pDL67iDUR7TV.ttf") format("truetype");
}