body {
  background-color: transparent;
}
a.title{
	font-family:urdu;
	font-size:40px; 
	font-weight: bold;
	color:yellow; 
	text-decoration:none;

}

a:hover {
  color: orange;


}


h1 {
 font-family:urdu;
 font-size:70px; 
 font-weight: bold;
 text-align:center;

}

h3 {
 font-family:urdu;
 font-size:24px; 
 font-weight: bold;
text-align:center;
}
h4	 {
 font-family:urdu;
 font-size:30px; 
 font-weight: bold;
 text-align:right;
 color:
}

p {
 font-family:urdu; 
 font-size:18px;
 text-align: justify;
 text-justify: inter-word;
 text-align-last: right;
 font-weight:bold;
}

a {
 font-family:arabictwo; 
 font-size:22px;
 text-align: justify;
 text-justify: inter-word;
 text-align-last: right;
 font-weight:bold;
}


a.footer {
 font-family:urdu; 
 font-size:12px;
 text-align: center;
 font-weight:bold;
}


.arabic {
 font-family:arabic; 
 font-size:25px;
 word-spacing: 0.5rem;
 line-height:1.6;
 text-align: justify;
 text-justify: inter-word;
 text-align-last: right;

}

.urdu {
 font-family:urdu; 
 font-size:22px;
 text-align: justify;
 word-spacing: 0.3rem;
 text-justify: inter-word;
 text-align-last: right;
   line-height: 1.6;
}
#div3 {
  padding: 12px;
  font-size: 25px;
  font-style: bold;
  font-family:arabictwo;
  
  
}


#div1 {
  background-color: none;
  padding: 2px;
  font-size: 25px;
  font-style: bold;

}

/* If viewport width is 600px or more, set font-size to 40px */
@media screen and (min-width: 600px) {
  #div1 {
    font-size: 40px;
  font-style: bold;
  }
}

#div2 {
  background-color: none;
  padding: 2px;
  font-size: 18px;
  font-style: bold;
}

/* If viewport width is 600px or more, set font-size to 22px */
@media screen and (min-width: 600px) {
  #div2 {
    font-size: 22px;
  font-style: bold;
  }
}

@font-face {
   font-family: arabictwo;
  src: url(mequran.ttf);
}
{
   font-family: arabictwo;
}