@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/BarlowCondensed-Medium.woff2') format('woff2'),
    url('./fonts/BarlowCondensed-Medium.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: normal;
  src: url('./fonts/BarlowCondensed-MediumItalic.woff2') format('woff2'),
    url('./fonts/BarlowCondensed-MediumItalic.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: bold;
  src: url('./fonts/BarlowCondensed-SemiBold.woff2') format('woff2'),
    url('./fonts/BarlowCondensed-SemiBold.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: bold;
  src: url('./fonts/BarlowCondensed-SemiBoldItalic.woff2') format('woff2'),
    url('./fonts/BarlowCondensed-SemiBoldItalic.woff') format('woff');
}

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

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

h1,
.h1 {
  @apply text-2xl tracking-tightest leading-46;

  &.mb-3 {
    margin-bottom: 2rem;
  }
}

h2,
.h2 {
  @apply text-xl tracking-tighter leading-38;
}

h3,
.h3 {
  @apply text-lg tracking-tight leading-22;
}

h4,
.h4 {
  @apply text-md leading-22;
}

p,
li {
  @apply font-mono text-base leading-base;
}

p {
  a {
    @apply text-info underline;
  }
}

.page-break {
  @apply relative overflow-hidden z-10;

  &:before,
  &:after {
    @include pseudo();
    @apply bg-grey-300 overflow-hidden;
    top: 51%;
    width: 45%;
    height: 1px;
  }

  &:after {
    @apply right-0;
  }
}