@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellBook.woff2) format('woff2'),
    url(./ShellBook.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellBookItalic.woff2) format('woff2'),
    url(./ShellBookItalic.woff) format('woff');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellMedium.woff2) format('woff2'),
    url(./ShellMedium.woff) format('woff');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellMediumItalic.woff2) format('woff2'),
    url(./ShellMediumItalic.woff) format('woff');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellLight.woff2) format('woff2'),
    url(./ShellLight.woff) format('woff');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellLightItalic.woff2) format('woff2'),
    url(./ShellLightItalic.woff) format('woff');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellHeavy.woff2) format('woff2'),
    url(./ShellHeavy.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Shell Font';
  src: local('Shell Font'), local('ShellFont'),
    url(./ShellBold.woff2) format('woff2'),
    url(./ShellBold.woff) format('woff');
  font-style: normal;
  font-weight: bold;
}