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

@layer base {
  /*
  ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
  */

  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */

  * {
    box-sizing: border-box;
  }

  html {
    line-height: 1.5;
    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";
  }

  body {
    margin: 0;
  }

  pre {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }
}

@layer components {
  .sc-link {
    color: inherit !important;
    text-decoration-line: none;
  }

  .sc-link:hover {
    text-decoration-line: underline;
  }
}
