/* Main CSS file */
body { font-family: Arial, sans-serif; }

body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}
body[dir="ltr"] {
    direction: ltr;
    text-align: left;
}


nav#navbar {
    background: #f0f0f0;
    padding: 10px;
}
nav#navbar ul {
    list-style: none;
    display: flex;
    gap: 15px;
    padding: 0;
    margin: 0;
}
nav#navbar ul li {
    display: inline-block;
}
nav#navbar ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
body[dir="rtl"] nav#navbar ul {
    justify-content: flex-end;
}
body[dir="ltr"] nav#navbar ul {
    justify-content: flex-start;
}