/* 
    @font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('Roboto-Regular.ttf') format('ttf');
    }
    
    


    @font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('Roboto-Light.ttf') format('ttf');
    }
    
    

    @font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black'), url('Roboto-Black.ttf') format('ttf');
    }

    @font-face {
        font-family: 'Roboto Medium';
        font-style: normal;
        font-weight: normal;
        src: local('Roboto Medium'), url('Roboto-Medium.ttf') format('ttf');
        }

    @font-face {
        font-family: 'Roboto Thin';
        font-style: normal;
        font-weight: normal;
        src: local('Roboto Thin'), url('Roboto-Thin.ttf') format('ttf');
        }

        @font-face {
            font-family: 'Roboto Bold';
            
            src: local('Roboto Bold'), url('Roboto-Bold.ttf') format('ttf');
            }
     */



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');