/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); */

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

html,
body {
  height: 100%;
  width: 100%;
}

#root {
  height: 100%;
}

.size-xs {
  .text-xs {
    font-size: 0.625rem; /* 10px */
  }
  .text-sm {
    font-size: 0.75rem; /* 12px */
  }
  .text-base {
    font-size: 0.875rem; /* 14px */
  }
  .text-lg {
    font-size: 1rem; /* 16px */
  }
  .text-xl {
    font-size: 1.125rem; /* 18px */
  }
  .text-2xl {
    font-size: 1.25rem; /* 20px */
  }
  .text-3xl {
    font-size: 1.5rem; /* 24px */
  }
}

.size-lg {
  .text-xs {
    font-size: 0.875rem; /* 14px */
  }
  .text-sm {
    font-size: 1rem; /* 16px */
  }
  .text-base {
    font-size: 1.125rem; /* 18px */
  }
  .text-lg {
    font-size: 1.25rem; /* 20px */
  }
  .text-xl {
    font-size: 1.5rem; /* 24px */
  }
  .text-2xl {
    font-size: 1.75rem; /* 28px */
  }
  .text-3xl {
    font-size: 2rem; /* 32px */
  }
}
