@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body {
    overflow-x: hidden;
}

body[data-lang="en"] {
    /* this fixes the left-right flicker on first frames */
    direction: ltr !important;

    *:not(.material-icons) {
        font-family: "Bricolage Grotesque", sans-serif;
    }
}

body[data-lang="ar"] {
    /* this fixes the left-right flicker on first frames */
    direction: rtl !important;

    *:not(.material-icons) {
        font-family: "Rubik", sans-serif;
    }
}