@font-face {
     font-family: 'Flexo';
     src: url('Flexo-HeavyIt.woff2') format('woff2'),
          url('Flexo-HeavyIt.woff') format('woff'),
          url('Flexo-HeavyIt.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-ThinIt.woff2') format('woff2'),
          url('Flexo-ThinIt.woff') format('woff'),
          url('Flexo-ThinIt.ttf') format('truetype');
     font-weight: 100;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-It.woff2') format('woff2'),
          url('Flexo-It.woff') format('woff'),
          url('Flexo-It.ttf') format('truetype');
     font-weight: normal;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Light.woff2') format('woff2'),
          url('Flexo-Light.woff') format('woff'),
          url('Flexo-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Heavy.woff2') format('woff2'),
          url('Flexo-Heavy.woff') format('woff'),
          url('Flexo-Heavy.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-LightIt.woff2') format('woff2'),
          url('Flexo-LightIt.woff') format('woff'),
          url('Flexo-LightIt.ttf') format('truetype');
     font-weight: 300;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Thin.woff2') format('woff2'),
          url('Flexo-Thin.woff') format('woff'),
          url('Flexo-Thin.ttf') format('truetype');
     font-weight: 100;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Medium.woff2') format('woff2'),
          url('Flexo-Medium.woff') format('woff'),
          url('Flexo-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Black.woff2') format('woff2'),
          url('Flexo-Black.woff') format('woff'),
          url('Flexo-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-DemiIt.woff2') format('woff2'),
          url('Flexo-DemiIt.woff') format('woff'),
          url('Flexo-DemiIt.ttf') format('truetype');
     font-weight: 600;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-BlackIt.woff2') format('woff2'),
          url('Flexo-BlackIt.woff') format('woff'),
          url('Flexo-BlackIt.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-MediumIt.woff2') format('woff2'),
          url('Flexo-MediumIt.woff') format('woff'),
          url('Flexo-MediumIt.ttf') format('truetype');
     font-weight: 500;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Bold.woff2') format('woff2'),
          url('Flexo-Bold.woff') format('woff'),
          url('Flexo-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Regular.woff2') format('woff2'),
          url('Flexo-Regular.woff') format('woff'),
          url('Flexo-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-BoldIt.woff2') format('woff2'),
          url('Flexo-BoldIt.woff') format('woff'),
          url('Flexo-BoldIt.ttf') format('truetype');
     font-weight: bold;
     font-style: italic;
     font-display: swap;
   }
   
   @font-face {
     font-family: 'Flexo';
     src: url('Flexo-Demi.woff2') format('woff2'),
          url('Flexo-Demi.woff') format('woff'),
          url('Flexo-Demi.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
   }