/* Regular */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Regular Oblique */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-RegularOblique.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

/* Medium */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* Medium Oblique */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-MediumOblique.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

/* DemiBold */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-DemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

/* DemiBold Oblique */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-DemiBoldOblique.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Bold Oblique */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-BoldOblique.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

/* ExtraBold */
@font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
  }
  
  /* ExtraBold Oblique */
  @font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-ExtraBoldOblique.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
  }
  
  /* Heavy */
  @font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
  }
  
  /* Heavy Oblique */
  @font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-HeavyOblique.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
  }
  
  /* Light */
  @font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
  }
  
  /* Light Oblique */
  @font-face {
    font-family: 'Greycliff';
    src: url('/static/fonts/GreycliffCF-LightOblique.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
  }