@font-face {
    font-family: 'MyriadPro';
    font-display: swap;
    src: url('../fonts/MyriadPro-Regular.ttf');
    src: local('MyriadPro'),
    url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProLight';
    font-display: swap;
    src: url('../fonts/MyriadPro-Light.ttf');
    src: local('MyriadProLight'),
    url('../fonts/MyriadPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    font-display: swap;
    src: url('../fonts/MyriadPro-Semibold.ttf');
    src: local('MyriadProSemibold'),
    url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBold';
    font-display: swap;
    src: url('../fonts/MyriadPro-Bold.ttf');
    src: local('MyriadProBold'),
    url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBlack';
    font-display: swap;
    src: url('../fonts/MyriadPro-Black.ttf');
    src: local('MyriadProBlack'),
    url('../fonts/MyriadPro-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}