@font-face {
    font-family :"Akrobat-ExtraBold";
    src: url('./fonts/Akrobat-ExtraBold.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family :"Roboto-Bold";
    src: url('./fonts/Roboto-Bold.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family :"Roboto-Regular";
    src: url('./fonts/Roboto-Regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family :"Roboto-Black";
    src: url('./fonts/Roboto-Black.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family :"Roboto-Medium";
    src: url('./fonts/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family :"BeVietnamPro-Bold";
    src: url('./fonts/BeVietnamPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family :"BeVietnamPro-Medium";
    src: url('./fonts/BeVietnamPro-Medium.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family :"BeVietnamPro-Regular";
    src: url('./fonts/BeVietnamPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family :"BeVietnamPro-SemiBold";
    src: url('./fonts/BeVietnamPro-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}