@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProThin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotPrThinItalic.otf') format('opentype'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProLight.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProLightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProRegular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProItalic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProBold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProBoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProHeavy.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Eliot Pro'; src: url('../fonts/FSEliotProHeavyItalic.otf') format('opentype'); font-weight: 800; font-style: italic; font-display: swap; }

html, body {
  font-family: 'FS Eliot Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}