.name{text-align: center;


}

.hr1{



}

.topdiv{
width: 100%;
height: auto;




}
.ultopdiv li  {
    display: inline-block;
    padding-right: 5%;
font-size: 150%;
}

.ultopdiv{
    text-align: right ;




}


a{
    color: rgb(33, 33, 33);
}






@font-face{
    font-family:"aldhabi" ;
src: url(../font/Aldhabi.eot),
url(../font/aldhabi.ttf),
url(../font/Aldhabi.woff),
url(../font/Aldhabi.woff2);


}


@font-face{
    font-family:"UrdType";
src: url(../font/Andalus.eot),
url(../font/UrdType.ttf),
url(../font/Andalus.woff),
url(../font/Andalus.woff2),

}
.topdiv{
    font-family: "UrdType";
}

audio{margin-left: 600px;


}


.lastdiv{
   
    border:solid 3px crimson;
    height: auto;
    width: 100%;
}


.enddiv{width: 35%;
height: auto;
border: solid 10px cadetblue;
margin: 40px auto;
padding: 10px 12px 10px;
text-align: center;
border-radius:15px 15px 0px 15px;
box-shadow: 23px 15px 20px 3px rgb(49, 49, 49) ;
    font-family:"UrdType";

}
a:visited{
    color: rgb(223, 69, 240);
}
a:link{
    color: rgb(88, 197, 197);
}
a:hover{
    background-color:rgb(103, 103, 160) ;
border-radius: 10px 10px 10px 10px;
}