@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: local('Cairo Light'), url('./Cairo-Light.ttf') format('woff');
    }
    @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    src: local('Cairo Regular'), url('Cairo-Regular.ttf') format('woff');
    }
    
    @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    src: local('Cairo Medium'), url('Cairo-Medium.ttf') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: local('Cairo Bold'), url('Cairo-Bold.ttf') format('woff');
    }