@font-face {
			font-family: 'Jameel Noori Nastaleeq';
			src: url('idara-taleemat-e-quran.org/urdufont/JameelNooriNastaleeq.eot');
			src: url('idara-taleemat-e-quran.org/urdufont/JameelNooriNastaleeq.eot?#iefix') format('embedded-opentype'),
				url('idara-taleemat-e-quran.org/urdufont/JameelNooriNastaleeq.woff2') format('woff2'),
				url('idara-taleemat-e-quran.org/urdufont/JameelNooriNastaleeq.woff') format('woff'),
				url('idara-taleemat-e-quran.org/urdufont/JameelNooriNastaleeq.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
			font-display: swap;
		}
body{
	margin:0px;
}

main
{
	margin:5px;
	align-items:center;
	align-content:center;
}

h1
{
	text-align:center;
	color:#191970;
}

h2{
	text-align:center;
}
		
h3{
	text-align:center;
}

h4{
	text-align:center;
	color:#191970;
}

h5{
	text-align:center;
}





div {
	padding-bottom:10px;
}


.navbar ul 
{
	list-style-type:none;
	font-family:sans-serif;
	font-weight: bold;
	font-size:20px;
	background-color:gray;
	padding:0px;
	margin:0px;
	overflow:hidden;
	
}

.navbar 	a{
	color:white;
	text-decoration:none;
	padding:10px;
	display:block;
	text-align:center;
	
}

.navbar a:hover{
	background-color:black;
}

.navbar li{
	float:center;
}
	
form {
  width: 300px; /* Or any desired width */
  margin: 0 auto; /* Centers horizontally, sets top/bottom margin to 0 */
}
		
.container 
{
  display: flex; /* Makes the container a flex container */
}



.inputlabels
{
	flex: 1;
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	font-family:sans-serif;
	font-size:18px;
}

.optionstyle
{
	font-family:sans-serif;
	font-size:18px;
}

.submitbtn
{  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.bg
{
	background-color:#FFF8DC;
}