*{
	margin:0;
	padding:0;
}
table{
	width:100%;
	margin:auto;
	padding:2px 10px;
}

.td1{
	border: 2px solid #f39e0b;
background-color: #eed5af;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
direction: rtl;
}
.td10{
	border: 2px solid #f39e0b;
background-color: #eed5af;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;

}
.td2{
	border: 2px solid #f39e0b;
background-color: #e37713;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
direction: rtl;
}
.tdh{
	border: 2px solid #f39e0b;
background-color: #18dbf2;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
}
.tdn{
	border: 2px solid #f39e0b;
background-color: #43ec38;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
}
button {
    width: 100%;
	 height: auto;
	border-radius:20px;
	font-family: b titr;
	font-size: larger;
cursor: pointer;
}
#akbar{
	width:50%;
                height: 350px;
	background:-moz-radial-gradient( circle , #EAB568 , #EC9C29, #BF690A );
	background:-webkit-radial-gradient( circle , #EAB568 , #EC9C29, #BF690A );
	background:-o-radial-gradient( circle , #EAB568 , #EC9C29, #BF690A );
	background:-ms-radial-gradient( circle , #EAB568 , #EC9C29, #BF690A );
	background:radial-gradient( circle , #EAB568 , #EC9C29, #BF690A );
	border-radius:30px;
}
#akbar1{
	width:100%;
                 height: auto;
	background:-moz-radial-gradient( circle , #D5AB6D , #1767A1, #25CAED );
	background:-webkit-radial-gradient( circle , #D5AB6D , #1767A1, #25CAED );
	background:-o-radial-gradient( circle , #D5AB6D , #1767A1, #25CAED );
	background:-ms-radial-gradient( circle , #D5AB6D , #1767A1, #25CAED );
	background:radial-gradient( circle , #D5AB6D , #1767A1, #25CAED );
	border-radius:30px;
}

.back{
	background:-moz-radial-gradient( circle , #0CEC9C , #14E6DE, #EC1250 );
	background:-webkit-radial-gradient( circle , #0CEC9C , #14E6DE, #EC1250 );
	background:-o-radial-gradient( circle , #0CEC9C , #14E6DE, #EC1250 );
	background:-ms-radial-gradient( circle , #0CEC9C , #14E6DE, #EC1250 );
	background:radial-gradient( circle , #0CEC9C , #14E6DE, #EC1250 );
	box-shadow:2px 2px 2px 2px #0f0f0f;
	
}
.back:active {
	box-shadow:none;
	transform: translate(3px,3px);
	opacity:0.9;
	background:-moz-radial-gradient(circle, #FF8040, #ED2280,#6e0e29);
	background:-webkit-radial-gradient(circle, #FF8040, #ED2280,#6e0e29);
	background:-o-radial-gradient(circle, #FF8040, #ED2280,#6e0e29);
	background:-ms-radial-gradient(circle, #FF8040, #ED2280,#6e0e29);
	background:radial-gradient(circle, #FF8040, #ED2280,#6e0e29);
}
.td22{
width: 50%;
}
.color{
color: red;
}
.tdj{
	border: 2px solid #f39e0b;
background-color: #a3de1d;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
direction: rtl;
}
.tdjp{
	border: 2px solid #f39e0b;
background-color: #8c91e7;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
direction: rtl;
}
hr {
    border-width: thick 5px;
    color: tomato;
}
.td20{
	border: 2px solid #f39e0b;
background-color: #63bb11;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;
direction: rtl;
}
.td21{
	border: 2px solid #f39e0b;
background-color: #63bb11;
	border-radius:10px;
padding:2px;
text-align: center;
font-family: b titr;

}