body {
	background-color: #333;
	background-image: url('bg.jpg');
	background-size: 5%;
	background-position: center;
}
@media only screen and (max-width: 768px) {
    body {
		background-size: 10%;
    }
}

.auto-style1 {
}
.auto-style4 {
	text-decoration: none;
}
.auto-style5 {
	text-align: center;
}
.title {
	align: center;
	font-size: 12;
	color: rgb(255, 208, 0);
	font-weight: bold;
	text-align: center;
	font-family: Vazir;
	padding: 0rem 1rem !important;
	margin-left: 1rem !important;
	background-color: #292929 !important;
}
.category {
	font-family: Tahoma;
	color: #fff;
	font-size: 15;
	height: auto;
	decoration: none;
	text-decoration: none;
	text-align: right;
	font-family: Vazir;
	position: relative;
	width: 90%;
	margin: 10rem !important;
	border-right: .2rem solid rgb(255, 187, 0);
}
.category a {
	color: #fff;
}
#myTable {
	background-color: #222;
	padding: 1rem;
	border-radius: 1rem;

}
#myTable td{
	background-color: #333;
	padding: .7rem 1.5rem;
	border-radius: 1rem;
	
}
#myTable tr {
	margin-top: 1rem !important;
}
#myTable tr:hover td{
	background-color: rgb(255, 187, 0);
	transition: .2s;
	border-left: .2rem solid rgb(255, 187, 0);
}