/* Import fonts */

/* Import GT-Supertext  */
@font-face {
    font-family: "GT Super Text";
    font-style: normal;
    font-weight: 300;
    src: url("/fonts/gt-supertext/woff2/GT-Super-Text-Book.woff2")
      format("woff2");
  }

  /* Import GT-Supertext Italic */
  @font-face {
    font-family: "GT Super Text";
    font-style: italic;
    font-weight: 300;
    src: url("/fonts/gt-supertext/woff/GT-Super-Text-Book-Italic.woff2") format("woff2");
  }
  
  /* Import Brown */
  @font-face {
    font-family: "Brown";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/brown/woff/brown-regular.woff") format("woff");
  }
  
  /* Reset */
  
  /*
    1. Use a more-intuitive box-sizing model.
  */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  /*
      2. Remove default margin
    */
  * {
    margin: 0;
  }
  /*
      3. Allow percentage-based heights in the application
    */
  html,
  body {
    scroll-behavior: smooth;
    height: 100%;
  }
  /*
      Typographic tweaks!
      4. Add accessible line-height
      5. Improve text rendering
    */
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    background-color: var(--brand-black-100);
    /* background-color: transparent; */
    color: var(--brand-white);
  }
  /*
      6. Improve media defaults
    */
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  /*
      7. Remove built-in form typography styles
    */
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  /*
      8. Avoid text overflows
    */
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  /*
      9. Create a root stacking context
    */
  #root,
  #__next {
    isolation: isolate;
  }
  
  #app {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }