@font-face {
  font-family: 'InstrumentSerif';
  src: url('/fonts/InstrumentSerif-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'InstrumentSerif';
  src: url('/fonts/InstrumentSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif BlackItalic';
  src: url('/fonts/RobotoSerif-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif BoldItalic';
  src: url('/fonts/RobotoSerif-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif ExtraBoldItalic';
  src: url('/fonts/RobotoSerif-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif ExtraLightItalic';
  src: url('/fonts/RobotoSerif-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif LightItalic';
  src: url('/fonts/RobotoSerif-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif MediumItalic';
  src: url('/fonts/RobotoSerif-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif SemiBoldItalic';
  src: url('/fonts/RobotoSerif-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif';
  src: url('/fonts/RobotoSerif-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif ThinItalic';
  src: url('/fonts/RobotoSerif-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt BlackItalic';
  src: url('/fonts/RobotoSerif_120pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt BoldItalic';
  src: url('/fonts/RobotoSerif_120pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt ExtraBoldItalic';
  src: url('/fonts/RobotoSerif_120pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt ExtraLightItalic';
  src: url('/fonts/RobotoSerif_120pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt LightItalic';
  src: url('/fonts/RobotoSerif_120pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt MediumItalic';
  src: url('/fonts/RobotoSerif_120pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt SemiBoldItalic';
  src: url('/fonts/RobotoSerif_120pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt';
  src: url('/fonts/RobotoSerif_120pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 120pt ThinItalic';
  src: url('/fonts/RobotoSerif_120pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt BlackItalic';
  src: url('/fonts/RobotoSerif_28pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt BoldItalic';
  src: url('/fonts/RobotoSerif_28pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt ExtraBoldItalic';
  src: url('/fonts/RobotoSerif_28pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt ExtraLightItalic';
  src: url('/fonts/RobotoSerif_28pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt LightItalic';
  src: url('/fonts/RobotoSerif_28pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt MediumItalic';
  src: url('/fonts/RobotoSerif_28pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt SemiBoldItalic';
  src: url('/fonts/RobotoSerif_28pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt';
  src: url('/fonts/RobotoSerif_28pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 28pt ThinItalic';
  src: url('/fonts/RobotoSerif_28pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt BlackItalic';
  src: url('/fonts/RobotoSerif_36pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt BoldItalic';
  src: url('/fonts/RobotoSerif_36pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt ExtraBoldItalic';
  src: url('/fonts/RobotoSerif_36pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt ExtraLightItalic';
  src: url('/fonts/RobotoSerif_36pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt LightItalic';
  src: url('/fonts/RobotoSerif_36pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt MediumItalic';
  src: url('/fonts/RobotoSerif_36pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt SemiBoldItalic';
  src: url('/fonts/RobotoSerif_36pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt';
  src: url('/fonts/RobotoSerif_36pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 36pt ThinItalic';
  src: url('/fonts/RobotoSerif_36pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt BlackItalic';
  src: url('/fonts/RobotoSerif_72pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt BoldItalic';
  src: url('/fonts/RobotoSerif_72pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt ExtraBoldItalic';
  src: url('/fonts/RobotoSerif_72pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt ExtraLightItalic';
  src: url('/fonts/RobotoSerif_72pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt LightItalic';
  src: url('/fonts/RobotoSerif_72pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt MediumItalic';
  src: url('/fonts/RobotoSerif_72pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt SemiBoldItalic';
  src: url('/fonts/RobotoSerif_72pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt';
  src: url('/fonts/RobotoSerif_72pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'RobotoSerif 72pt ThinItalic';
  src: url('/fonts/RobotoSerif_72pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}