/* Keep fonts.css outside of styled-components: https://github.com/styled-components/styled-components/issues/1593 */

@font-face {
  font-family: 'US';
  src: url('./sanaserif/untitled-serif-web-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'US';
  src: url('./sanaserif/untitled-serif-web-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'US';
  src: url('./sanaserif/untitled-serif-web-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'US';
  src: url('./sanaserif/untitled-serif-web-bold-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

/* @font-face {
  font-family: 'SanaSans';
  src: url('./sanasans/Graphik-Regular-Cy-Gr-Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SanaSans';
  src: url('./sanasans/Graphik-Medium-Cy-Gr-Web.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SanaSans';
  src: url('./sanasans/Graphik-Semibold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
} */

@font-face {
  font-family: 'SanaSans';
  src:
    local('☺'),
    url('./sanasans/SanaSans-Regular.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'SanaSans';
  src:
    local('☺'),
    url('./sanasans/SanaSans-Medium.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: 'SanaSans';
  src:
    local('☺'),
    url('./sanasans/SanaSans-Bold.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'SanaSansDisplay';
  src:
    local('☺'),
    url('./sanasans/SanaSans-RegularDisplay.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'SanaSansDisplay';
  src:
    local('☺'),
    url('./sanasans/SanaSans-MediumDisplay.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: 'SanaSansDisplay';
  src:
    local('☺'),
    url('./sanasans/SanaSans-BoldDisplay.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Light.woff2') format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Light-Italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Regular.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Regular-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Medium.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'SanaSerif';
  src:
    local('☺'),
    url('./sanaserif/Serif-Medium-Italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

/* @font-face {
  font-family: 'SF Pro Rounded';
  src:
    local('☺'),
    url('./sf-pro-rounded/sf-pro-rounded-bold.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'SF Pro Rounded';
  src:
    local('☺'),
    url('./sf-pro-rounded/sf-pro-rounded-heavy.woff2') format('woff2');
  font-weight: 800;
} */

@font-face {
  font-family: 'SF Pro Rounded';
  src:
    local('☺'),
    url('./sf-pro-rounded/SF-Pro-Rounded-Bold.otf') format('opentype');
  font-weight: 700;
}

@font-face {
  font-family: 'SF Pro Rounded';
  src:
    local('☺'),
    url('./sf-pro-rounded/SF-Pro-Rounded-Heavy.otf') format('opentype');
  font-weight: 800;
}