*,

*::before,

*::after {

    box-sizing: border-box;

    direction: rtl;

}



@font-face {

    font-family: Samim;

    src: url('../fonts/Samim-FD.eot');

    src: url('../fonts/Samim-FD.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Samim-FD.woff2') format('woff2'),

    url('../fonts/Samim-FD.woff') format('woff'),

    url('../fonts/Samim-FD.ttf') format('truetype');

    font-weight: normal;

}



@font-face {

    font-family: Samim;

    src: url('../fonts/Samim-Bold-FD.eot');

    src: url('../fonts/Samim-Bold-FD.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Samim-Bold-FD.woff2') format('woff2'),

    url('../fonts/Samim-Bold-FD.woff') format('woff'),

    url('../fonts/Samim-Bold-FD.ttf') format('truetype');

    font-weight: bold;

}



@font-face {

    font-family: Samim;

    src: url('../fonts/Samim-Medium-FD.eot');

    src: url('../fonts/Samim-Medium-FD.eot?#iefix') format('embedded-opentype'),

    url('../fonts/Samim-Medium-FD.woff2') format('woff2'),

    url('../fonts/Samim-Medium-FD.woff') format('woff'),

    url('../fonts/Samim-Medium-FD.ttf') format('truetype');

    font-weight: 500;

}





/* fallback */

@font-face {

    font-family: 'Material Icons';

    font-style: normal;

    font-weight: 400;

    src: url('../fonts/icon.woff2') format('woff2');

}



.Gicon {

    font-family: Material Icons;

}



html {

    font-family: Samim;

    font-size: 26px;



}



body {

    margin: 0;

    background-color: rgb(238, 238, 238);

}