@font-face {
    font-family: 'SegoeUIRegular';
    src: url('/fonts/segoeui.eot');
    src: url('/fonts/segoeui.eot') format('embedded-opentype'),
         url('/fonts/segoeui.ttf') format('truetype'),
         url('/fonts/segoeui.svg#SegoeUIRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SegoeUIBold';
    src: url('/fonts/segoeuib.eot');
    src: url('/fonts/segoeuib.eot') format('embedded-opentype'),
         url('/fonts/segoeuib.ttf') format('truetype'),
         url('/fonts/segoeuib.svg#SegoeUIBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SegoeUILight';
    src: url('/fonts/segoeuil.eot');
    src: url('/fonts/segoeuil.eot') format('embedded-opentype'),
         url('/fonts/segoeuil.ttf') format('truetype'),
         url('/fonts/segoeuil.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SegoeUISemibold';
    src: url('/fonts/seguisb.eot');
    src: url('/fonts/seguisb.eot') format('embedded-opentype'),
         url('/fonts/seguisb.ttf') format('truetype'),
         url('/fonts/seguisb.svg#SegoeUISemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.sagoe{
    font-family: 'SegoeUIRegular';
}
.sagoeBold{
    font-family: 'SegoeUIBold';
}
.sagoeLight{
    font-family: 'SegoeUILight';
}
.sagoeSemiBold{
    font-family: 'SegoeUISemibold';
}