@import "./constants/size.scss"; @import "./views/Home/Page1/index.scss"; @import "./views/Home/Page2/index.scss"; .App { direction: rtl; } .ltr{ direction: ltr; } .rtl{ direction: rtl; } @font-face { font-family: Black; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Black.ttf"); } @font-face { font-family: Bold; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Bold.ttf"); } @font-face { font-family: DemiBold; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-DemiBold.ttf"); } @font-face { font-family: ExtraBold; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-ExtraBold.ttf"); } @font-face { font-family: Light; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Light.ttf"); } @font-face { font-family: Medium; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Medium.ttf"); } @font-face { font-family: Regular; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Regular.ttf"); } @font-face { font-family: Thin; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-Thin.ttf"); } @font-face { font-family: UltraLight; src: url("./assets/font/IranSansX\(SemiPro\)\ /Farsi numerals/IRANSansXFaNum-UltraLight.ttf"); } .container{ width: 100%; margin : 0px auto; } @media screen and (min-width : $lg){ .container{ max-width: 100%; } } @media screen and (min-width : $xl){ .container{ max-width: 1200px; } } @media screen and (min-width : $xxl) { .container{ max-width: 1480px; } }