@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsThin.ttf) format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsLight.ttf) format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsRegular.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsMedium.ttf) format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsSemiBold.ttf) format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsBold.ttf) format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsExtraBold.ttf) format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: 'poppins';
    src: url(../fonts/poppinsBlack.ttf) format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: 'roboto';
    src: url(../fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'roboto';
    src: url(../fonts/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: 'dosis';
    src: url(../fonts/Dosis-Regular.ttf) format('truetype');
    font-weight: 400;
}