@font-face {
    font-family: 'Base';
	font-weight: 300;
    font-style: normal;
	font-display: swap;
    src: local('Noto Sans Light'),
         url('../fonts/notosanslight.woff2') format('woff2'),
         url('../fonts/notosanslight.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 300;
    font-style: italic;
	font-display: swap;
    src: local('Noto Sans Light Italic'),
         url('../fonts/notosanslightitalic.woff2') format('woff2'),
         url('../fonts/notosanslightitalic.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Noto Sans Regular'),
         url('../fonts/notosansregular.woff2') format('woff2'),
         url('../fonts/notosansregular.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 500;
    font-style: normal;
	font-display: swap;
    src: local('Noto Sans Medium'),
         url('../fonts/notosansmedium.woff2') format('woff2'),
         url('../fonts/notosansmedium.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Noto Sans Bold'),
         url('../fonts/notosansbold.woff2') format('woff2'),
         url('../fonts/notosansbold.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 800;
    font-style: normal;
	font-display: swap;
    src: local('Noto Sans ExtraBold'),
         url('../fonts/notosansextrabold.woff2') format('woff2'),
         url('../fonts/notosansextrabold.woff') format('woff');
}