frontend/src/stylesheets/globals.scss

@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;
}