#mainWrapper
{
    padding: 3%;
}

body
{
    background-color: whitesmoke;
    direction: rtl;
    text-align: right;
    font-size: large;

    font-family: 'B Yekan',Tahoma,Arial;
}

h4
{
    font-family: 'B Titr',Tahoma,Arial;
    font-size: large;
    font-weight: bolder;
}

h3
{
    font-family: 'B Titr',Tahoma,Arial;
    font-weight: bolder;
}

img
{
    display: block;
    margin-left: auto;
    margin-right: auto;

    max-width: 80%;
}

.inrowImage
{
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 10px;
}

.myIcon
{
    display : inline-block;
    width: 20px;
}

p.caption
{
    display: block;
}
.caption
{
    text-align: center;
    font-size: 1em;
}

.rewardTable
{
    margin: 0 auto;
    direction: ltr;
}

.rewardTable th
{
    border: 2px solid gray;
    text-align: center;
    direction: rtl;
}

.rewardTable td
{
    border: 2px solid gray;
    text-align: center;
    padding: 4px 6px;
    direction: rtl;
    line-height: 2em;
}

@media (prefers-color-scheme: dark) 
{
    body
    {
        background-color: rgb(20, 20, 20);
        color: azure;
    }
}