/* ========================== Fonts ========================== */

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: 'UbuntuBold';
    src: url('fonts/Ubuntu-Bold.ttf');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Noto Sans Arabic", "Ubuntu", sans-serif !important;
    transition: all 0.5s ease-out allow-discrete;
    transition: 200ms linear 50ms;
}

:root {
    --first-color: rgb(255, 248,239);
    --second-color: rgb(83, 67, 45);
    --third-color: rgb(67, 67, 84);
    --text-color: rgb(46, 46, 46);
    --box-shadow: 0 5px 25px rgb(2, 2, 2, 0.5);
    --text-shadow: 0 5px 25px rgb(2, 2, 2, 0.5);
}

/* ========================== Body ========================== */

body {
    background-color: var(--first-color);
}

h1,
h2,
h3 {
    font-family: "Noto Sans Arabic Bold", "UbuntuBold", sans-serif !important;
}