@font-face {
    font-family: 'Base';
	font-weight: 400;
    font-style: normal;
	font-display: swap;
    src: local('Manrope Regular'),
         url('../fonts/manroperegular.woff2') format('woff2'),
         url('../fonts/manroperegular.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 600;
    font-style: normal;
	font-display: swap;
    src: local('Manrope SemiBold'),
         url('../fonts/manropesemibold.woff2') format('woff2'),
         url('../fonts/manropesemibold.woff') format('woff');
}
@font-face {
    font-family: 'Base';
	font-weight: 800;
    font-style: normal;
	font-display: swap;
    src: local('Manrope ExtraBold'),
         url('../fonts/manropeextrabold.woff2') format('woff2'),
         url('../fonts/manropeextrabold.woff') format('woff');
}
@font-face {
    font-family: 'Outline';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
    src: local('Barlow Bold'),
         url('../fonts/barlowbold.woff2') format('woff2'),
         url('../fonts/barlowbold.woff') format('woff');
}