@font-face {
 font-family: 'alkhalili tawil';
 src : url('fontSO/alkhalili tawil.ttf') format('truetype');}
  @font-face {
 font-family: 'alkhalili nasnas';
 src : url('fontSO/alkhalili nasnas.ttf') format('truetype');}
 
 body{
    background-color:black;
}

#cadre-content{
    position: relative;
    margin: 0 auto;
}
body{background-color:black;}

#MD{width:300px;height:140px;position:absolute;top:390px;left:126px;background-image:url("src_alkhalili/WA7OLI3MALOU.png");}
#AJR{width:300px;height:140px;position:absolute;top:390px;left:554px;background-image:url("src_alkhalili/WA7OLI3MALOU.png");}

.MDT{width:240px;height:130px;position:absolute;top:14px;left:30px;font-size:24px;color:red;font-family:Bodoni MT Black;text-align:center;text-shadow:1px 1px 0px black;}
.MDT:hover{color:blue;}
.AJRT{width:240px;height:130px;position:absolute;top:0px;left:30px;font-size:30px;color:red;font-family:alkhalili nasnas;text-align:center;text-shadow:1px 1px 0px black;}
.AJRT:hover{color:blue;}

.message{width:900px;height:361px;position:absolute;top:20px;left:40px;font-size:36px;color:red;font-family:alkhalili nasnas;text-align:center;text-shadow:1px 1px 0px black;}
.preview{color:black;position:absolute;top:520px;left:495px;font-size:14px;font-weight:bold;text-decoration:underline;
         font-size:18px;color:black;font-family:alkhalili sifr;text-align:center;}
.preview:hover{color:blue;}
.index{color:black;position:absolute;top:520px;left:400px;font-size:14px;font-weight:bold;text-decoration:underline;
       font-size:18px;color:black;font-family:alkhalili sifr;text-align:center;}
.index:hover{color:blue;}