* {
    box-sizing: border-box;
    margin: 0px;
    border: 0px;
}

:root {
    --858-light-gray-color: #ebebeb;
}

/* 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');
}

/* header */
header {
    padding-top: 1em;
}

.site-logo {
    max-width: 300px;
    text-align: center;
}

.counter {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2em;
    font-family: majalla, serif;
}