@font-face {
    font-family: 'SegoeUI';
    src: local('SegoeUI-Light'), local('SegoeUI-Light'),
        url('SegoeUI-Light.woff2') format('woff2'),
        url('SegoeUI-Light.woff') format('woff'),
        url('SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }
@font-face {
    font-family: 'SegoeUI';
    src: local('SegoeUI-Regular'), local('SegoeUI-Regular'),
        url('SegoeUI-Regular.woff2') format('woff2'),
        url('SegoeUI-Regular.woff') format('woff'),
        url('SegoeUI-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'SegoeUI';
    src: local('SegoeUI-SemiBold'), local('SegoeUI-SemiBold'),
        url('SegoeUI-SemiBold.woff2') format('woff2'),
        url('SegoeUI-SemiBold.woff') format('woff'),
        url('SegoeUI-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
@font-face {
    font-family: 'SegoeUI';
    src: local('SegoeUI-Bold'), local('SegoeUI-Bold'),
        url('SegoeUI-Bold.woff2') format('woff2'),
        url('SegoeUI-Bold.woff') format('woff'),
        url('SegoeUI-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
@font-face {
    font-family: 'SegoeUI';
    src: local('SegoeUI-Italic'), local('SegoeUI-Italic'),
        url('SegoeUI-Italic.woff2') format('woff2'),
        url('SegoeUI-Italic.woff') format('woff'),
        url('SegoeUI-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff'),
        url('Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
  }
@font-face {
    font-family: 'MyriadPro';
    src: local('MyriadPro Regular'), local('MyriadPro-Regular'),
        url('MyriadPro-Regular.woff2') format('woff2'),
        url('MyriadPro-Regular.woff') format('woff'),
        url('MyriadPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'MyriadProBold';
    src: local('MyriadPro BoldCond'), local('MyriadPro-BoldCond'),
        url('MyriadPro-BoldCond.woff2') format('woff2'),
        url('MyriadPro-BoldCond.woff') format('woff'),
        url('MyriadPro-BoldCond.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
  }