@import "variables"; /* globals */ * { box-sizing: border-box; margin: 0px; border: 0px; } /* fonts */ @font-face { font-family: 'Fedra Arabic'; src: url('../assets/fonts/Fedra Arabic Reg_beta.ttf') format('truetype'); } @font-face { font-family: 'bebas'; src: url('../assets/fonts/BEBAS___.ttf') format('truetype'); } @font-face { font-family: 'majalla'; src: url('../assets/fonts/majalla 2.ttf') format('truetype'); } @font-face { font-family: 'MyriadPro Regular'; src: url('../assets/fonts/MyriadPro-Regular.otf') format('otf'); } @font-face { font-family: 'interstate'; src: url('../assets/fonts/Interstate-Regular.bmap') format('bmap'), url('../assets/fonts/Interstate-Bold.bmap') format('bmap'); } .text-left { text-align: left; } .arabic-text { font-family: "Fedra Arabic", serif; } .english-text { font-family: majalla, serif; } /* App */ .App { max-width: 1200px; margin: 0 auto; }