@font-face {
    font-family: 'Gotham';
    src: url('font/GOTHAM-BOLD.woff') format('woff'),
      url('font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gotham';
    src: url('font/GOTHAM-BLACK.woff') format('woff'),
      url('font/GOTHAM-BLACK.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gotham';
    src: url('font/GOTHAM-MEDIUM.woff') format('woff'),
      url('font/GOTHAM-MEDIUM.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gotham';
    src: url('font/GOTHAM-LIGHT.woff') format('woff'),
      url('font/GOTHAM-LIGHT.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gotham';
    src: url('font/GOTHAM-XLIGHT.woff') format('woff'),
      url('font/GOTHAM-XLIGHT.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }