@font-face {
  font-family: 'Recursive';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/recursive-v20-latin-regular.eot');
  src: local(''),
    url('fonts/recursive-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/recursive-v20-latin-regular.woff2') format('woff2'),
    url('fonts/recursive-v20-latin-regular.woff') format('woff'),
    url('fonts/recursive-v20-latin-regular.ttf') format('truetype'),
    url('fonts/recursive-v20-latin-regular.svg#Recursive') format('svg'); }

  @font-face {
    font-display: swap;
    font-family: 'Recursive';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/recursive-v20-latin-500.eot');
    src: local(''),
        url('fonts/recursive-v20-latin-500.eot?#iefix') format('embedded-opentype'),
        url('fonts/recursive-v20-latin-500.woff2') format('woff2'),
        url('fonts/recursive-v20-latin-500.woff') format('woff'),
        url('fonts/recursive-v20-latin-500.ttf') format('truetype'),
        url('fonts/recursive-v20-latin-500.svg#Recursive') format('svg'); }

    @font-face {
      font-display: swap;
      font-family: 'Recursive';
      font-style: normal;
      font-weight: 800;
      src: url('fonts/recursive-v20-latin-800.eot');
      src: local(''),
            url('fonts/recursive-v20-latin-800.eot?#iefix') format('embedded-opentype'),
            url('fonts/recursive-v20-latin-800.woff2') format('woff2'),
            url('fonts/recursive-v20-latin-800.woff') format('woff'),
            url('fonts/recursive-v20-latin-800.ttf') format('truetype'),
            url('fonts/recursive-v20-latin-800.svg#Recursive') format('svg'); }