@tailwind base;

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  font-family: lato, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  @apply text-2xl;
}

h2 {
  @apply text-xl;
}

h3 {
  @apply text-lg;
}

h4 {
  @apply text-sm;
}

h5 {
  @apply text-xs;
}

h6 {
  @apply text-xxs;
}

a {
  @apply text-gray-500;
}

a:hover {
  @apply text-gray-600;
}

@tailwind components;

@tailwind utilities;