@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

@layer base {
  @font-face
  {
    font-family: 'Beirut Text';
    src: url("/fonts/BeirutText-Light.woff2") format('woff2'),
          url("/fonts/BeirutText-Light.woff") format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-LightItalic.woff2") format('woff2'),
            url("/fonts/BeirutText-LightItalic.woff") format('woff');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-Book.woff2") format('woff2'),
            url("/fonts/BeirutText-Book.woff") format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-BookItalic.woff2") format('woff2'),
            url("/fonts/BeirutText-BookItalic.woff") format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-Regular.woff2") format('woff2'),
            url("/fonts/BeirutText-Regular.woff") format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-RegularItalic.woff2") format('woff2'),
            url("/fonts/BeirutText-RegularItalic.woff") format('woff');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-SemiBold.woff2") format('woff2'),
            url("/fonts/BeirutText-SemiBold.woff") format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-SemiBoldItalic.woff2") format('woff2'),
            url("/fonts/BeirutText-SemiBoldItalic.woff") format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-Bold.woff2") format('woff2'),
            url("/fonts/BeirutText-Bold.woff") format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Beirut Text';
        src: url("/fonts/BeirutText-BoldItalic.woff2") format('woff2'),
            url("/fonts/BeirutText-BoldItalic.woff") format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
  }

  @font-face
  {
    font-family: 'Boutique In Heaven';
        src: url("/fonts/Boutique.woff2") format("woff2"),
             url("/fonts/Boutique.woff") format("woff");
        font-display: swap;
  }
}