/*@font-face {
  font-family: uthmanih; 
  src: url(uthmanichafs.otf); 
}

@font-face {
  font-family: uthmanin; 
  src: url(uthmanicnaskh.otf); 
}*/


body{
   margin:0;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100svh;
   background-color: #130e0c;
   padding-right:3vh;
   padding-left:3vh;

}

/*hadith style*/
.hadith {
   text-align: center; 
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: EB+Garamond ;
   color: #f5e8db;
   /*color: #e2cdae;*/
   background-color:#382b26 ;
   border-radius: 3vh;
   overflow: hidden;
   padding: 3vh;
   line-height: 1.5;
   box-shadow: 0px 0px 30px 4px #060303;
}


/*device responsive font size*/
html{
   font-size: calc(((1vh + 1vw) / 2) * 2.1)
}

.arabic {
   font-size: calc(((1vh + 1vw) / 2) * 3);
   /*font-family: Amiri;*/
   color: #f5e8db;
   /*color: #e2cdae;*/
}