@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") 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") 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") 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") 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") 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") format('svg'); }