html {
    direction: rtl;
}

a {
    color: #BF360C;
    text-decoration: none;
    padding: 0 5px;
    border-radius: 3px;
    margin: 2px;
    display: inline-block;
}

    a:hover {
        color: #811e00;
        background-color: lightgray;
    }

#registration, #login {
}

#layout-main-container {
    border: 1px solid black;
    border-radius: 3px;
    padding: 5px;
    min-height: 400px;
}

#menu-bar {
    text-align: left;
}

    #menu-bar a {
        margin-right: 10px;
    }

#body-main-container {
    border: 1px solid black;
    border-radius: 3px;
    padding: 5px;
    min-height: 400px;
}

footer {
    text-align: left;
}

.general-margin {
    margin-right: 20%;
    margin-left: 20%;
    width: 60%;
}