:root {

    --font-poppins: 'Poppins';

    /*---font-weight ---*/
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --extra-bold: 800;

}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('tretype');
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins600.woff2') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}