@import 'swiper/css';
@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap';
@import './scrollbar.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    font-size: 62.5%;
  }

  html,
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }

  body {
    font-feature-settings: 'ss01' 1;
  }

  .body-no-scroll {
    overflow: hidden;
  }

  table {
    height: 1px;
  } /* Will be ignored, don't worry. */
  tr {
    height: 100%;
  }

  td {
    height: 100%;
  }

  td > div {
    height: 100%;
  }

  main {
    min-height: 50vh;
  }
}

.imageSkew {
  transform: skew(-0.06turn, 18deg);
}

@layer base {
  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-LightItalic.woff2') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-Regular.woff2') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-Medium.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-Semibold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-SemiboldItalic.woff2') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-Bold.woff2') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: block;
  }

  @font-face {
    font-family: AtypDisplay;
    src: url('/fonts/atyp/AtypDisplay-BoldItalic.woff2') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: block;
  }
}

ol {
  list-style-type: decimal;
  padding-left: 30px;
}
