body{
    background-color:rgb(120, 93, 146);
    text-align:center;
    direction:rtl;
}
.bist{
    text-align:center;
    background-color:rgb(187, 173, 191);
    color:rgb(0, 0, 0);
    border-radius:10px;
    margin:10px auto;
    border:2px solid black;
}
.menu{
    background-color: rgb(178, 145, 208);
    text-align: center;
    display:inline-table;
    border:3px solid black;
    border-radius: 20px ;
    width:90%;
    margin: 10px auto;
    padding:10px;

}
.menu li{
display: inline-table;
background-color:white;
text-align:center;
border-radius: 20px;
border:2px solid black;
padding:10px;

}
.menu li:hover{
    font-weight:bold;
    background-color:rgb(35, 57, 144);

}
.menu li a {
    color:black;
}

.reg{
    width:50%;
    border-radius:50px;
    border:3px solid black;
    text-align:center;
    margin:10px auto;
    padding:10px;
    background-color:rgb(100, 83, 117);
}
.reg input{
    border-radius:30px;
}
.reg label{
    font-weight:bold;

}
.reg a{color:black;
    font-weight:bold;
}
.media{
    width:90%;
    background-color:rgba(169, 138, 167, 0.934);
    margin:10px auto;
    border:3px solid black;
    border-radius: 40px;
    text-align:center;
}
.media audio,video{
width:20%;
height:150px;
margin:20px auto;
display:inline-table;
padding:10px;
border-radius:40px;
}
.sun{
        text-align:center;
    background-color:rgb(108, 80, 116);
    color:rgb(0, 0, 0);
    border-radius:10px;
    margin:10px auto;
    border:2px solid black;
}
.moons{
            text-align:center;
    background-color:rgb(185, 136, 199);
    color:rgb(0, 0, 0);
    border-radius:10px;
    margin:10px auto;
    border:2px solid black;
}