@font-face {
    font-family: 'roboto_slabbold';
    src: url('../font/robotoslab-bold-webfont.woff2') format('woff2'),
    url('../font/robotoslab-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slablight';
    src: url('../font/robotoslab-light-webfont.woff2') format('woff2'),
    url('../font/robotoslab-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('../font/robotoslab-regular-webfont.woff2') format('woff2'),
    url('../font/robotoslab-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slabthin';
    src: url('../font/robotoslab-thin-webfont.woff2') format('woff2'),
    url('../font/robotoslab-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: Vazir;
    src: url('../font/Vazir.eot');
    src: url('../font/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../font/Vazir.woff') format('woff'),
    url('../font/Vazir.ttf') format('truetype');
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Vazir , sans-serif;
    font-size: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}