@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Noto+Sans+TC|Cairo:wght@200;300;400;600;700|family=Roboto+Condensed&display=swap');

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/SegoeUI.eot');
  src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SegoeUI.woff2') format('woff2'),
      url('../fonts/SegoeUI.woff') format('woff'),
      url('../fonts/SegoeUI.ttf') format('truetype'),
      url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/SegoeUI-Light.eot');
  src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SegoeUI-Light.woff2') format('woff2'),
      url('../fonts/SegoeUI-Light.woff') format('woff'),
      url('../fonts/SegoeUI-Light.ttf') format('truetype'),
      url('../fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Segoe UI Semilight';
  src: url('../fonts/SegoeUI-Semilight.eot');
  src: url('../fonts/SegoeUI-Semilight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SegoeUI-Semilight.woff2') format('woff2'),
      url('../fonts/SegoeUI-Semilight.woff') format('woff'),
      url('../fonts/SegoeUI-Semilight.ttf') format('truetype'),
      url('../fonts/SegoeUI-Semilight.svg#SegoeUI-Semilight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sophillia';
  src: url('../fonts/Sophillia.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}