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

body {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.6;
  font-size: small;
  color: #333;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6
    {
    font-family:'Roboto',serif;
}

.grace {
  font-family: "Covered By Your Grace", cursive;
  font-weight: 400;
  font-style: normal;
}


.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
}

a {
  font-family: 'Roboto', sans-serif;
}


.noto {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.amatic-regular {
  font-family: "Amatic SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.amatic {
  font-family: "Amatic SC", sans-serif;
  font-weight: 900;
  font-style: normal;
}