@font-face {
  font-family: Grotesk;
  font-weight: 700;
  font-display: swap;
  src:
    url('./grotesk/PPRightGrotesk-CompactDark.otf'),
    url('./grotesk/PPRightGrotesk-CompactDark.woff') format('woff'),
    url('./grotesk/PPRightGrotesk-CompactDark.ttf') format('ttf');
}

@font-face {
  font-family: Social;
  font-weight: 400;
  font-display: swap;
  src:
    url('./social/ABCSocial-Regular.otf'),
    url('./social/ABCSocial-Regular.woff') format('woff'),
    url('./PPRightGrotesk-CompactLight.woff2') format('woff2');
}

@font-face {
  font-family: Social;
  font-weight: 700;
  font-display: swap;
  src:
    url('./social/ABCSocial-Bold.otf'),
    url('./social/ABCSocial-Bold.woff') format('woff'),
    url('./social/ABCSocial-Bold.ttf') format('ttf');
}