@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-family: TheSans, Arial, Helvetica, sans-serif;
}

@layer base {
  @font-face {
    font-family: "TheSans";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/the-sans/TheSansBW5Plain.woff") format("woff");
  }
  @font-face {
    font-family: "TheSansIt";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/the-sans/TheSansBW5PlainIt.woff") format("woff");
  }
  @font-face {
    font-family: "TheSansBold";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/the-sans/TheSansBW8XtraBd.woff") format("woff");
  }
}

.btn {
  font-weight: 400;
}