body
{
	background-color: #212121;
	width: 100%;
	height: 100%;
	margin: 0px;
}
#copyright
{
	background-color: #171717;
	color: white;
	text-align: center;
	font-size: 14px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
}
a{color:white;}
#tasbih
{
	width: 600px;
	height: 700px;
	position: relative;
	margin:0 auto;
}
.bead
{
	position: absolute;
	display: none;
}
#counter
{
	text-align: center;
	width:250px;
	height:220px;
	border-radius: 125px;
	background-color: green;
	position: absolute;
	top:100px;
	left: 50%;
	padding-top:30px;
	margin-left: -125px;
	color: white;
	font-size: 150px;
}
#book
{
	display: block;
	width: 64px;
	height: 64px;
	background-image: url('../img/book.png');
	background-repeat: no-repeat;
	position: absolute;
	top:330px;
	left: 150px;
	cursor: pointer;
	z-index: 50;
}
#reset
{
	display: block;
	width: 48px;
	height: 48px;
	background-image: url('../img/reset.png');
	background-repeat: no-repeat;
	position: absolute;
	top:400px;
	left: 160px;
	cursor: pointer;
	z-index: 50;
}
#book_window
{
	background-color: rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
	display: none;
	z-index: 100;
}
#book_content
{
	background-color: rgba(255,255,255,1);
	width:80%;
	height:80%;
	border-radius: 5px;
	position: absolute;
	top:20px;
	left:50%;
	margin-left:-40%;
	z-index: 100;
	direction: rtl;
	font-family: b roya, roya, Times New Roman;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	overflow-y:scroll;
}
#hideBook
{
	direction: ltr;
	display: block;
	font-size: 2em;
	text-align: center;
	color:darkred;
	text-decoration: none;
}
.heading
{
	color:white;
	background-color: green;
	border-radius: 5px;
	padding: 0px 5px 0px 5px;
}
#b1{left:106px;top:435px;}
#b2{left:95px;top:407px;}
#b3{left:87px;top:382px;}
#b4{left:85px;top:353px;}
#b5{left:76px;top:327px;}
#b6{left:73px;top:299px;}
#b7{left:71px;top:273px;}
#b8{left:75px;top:243px;}
#b9{left:79px;top:218px;}
#b10{left:88px;top:191px;}
#b11{left:103px;top:167px;}
#b12{left:115px;top:146px;}
#b13{left:132px;top:121px;}
#b14{left:148px;top:102px;}
#b15{left:163px;top:77px;}
#b16{left:184px;top:59px;}
#b17{left:205px;top:39px;}
#b18{left:227px;top:23px;}
#b19{left:256px;top:13px;}
#b20{left:285px;top:12px;}
#b21{left:308px;top:11px;}
#b22{left:339px;top:17px;}
#b23{left:366px;top:24px;}
#b24{left:387px;top:37px;}
#b25{left:412px;top:52px;}
#b26{left:436px;top:69px;}
#b27{left:457px;top:89px;}
#b28{left:476px;top:106px;}
#b29{left:491px;top:124px;}
#b30{left:513px;top:146px;}
#b31{left:524px;top:169px;}
#b32{left:544px;top:189px;}
#b33{left:553px;top:216px;}
#b34{left:560px;top:271px;}
#b35{left:551px;top:297px;}
#b36{left:540px;top:323px;}
#b37{left:526px;top:345px;}
#b38{left:511px;top:368px;}
#b39{left:490px;top:389px;}
#b40{left:472px;top:414px;}
#b41{left:446px;top:425px;}
#b42{left:426px;top:445px;}
#b43{left:401px;top:457px;}
#b44{left:375px;top:471px;}
#b45{left:347px;top:480px;}
#b46{left:323px;top:489px;}
#b47{left:294px;top:490px;}
#b48{left:266px;top:491px;}
#b49{left:238px;top:478px;}
#b50{left:220px;top:457px;}
#b51{left:214px;top:430px;}
#b52{left:227px;top:405px;}
#b53{left:249px;top:387px;}
#b54{left:276px;top:377px;}
#b55{left:306px;top:377px;}
#b56{left:334px;top:377px;}
#b57{left:361px;top:378px;}
#b58{left:388px;top:381px;}
#b59{left:416px;top:381px;}
#b60{left:443px;top:372px;}
#b61{left:470px;top:362px;}
#b62{left:491px;top:347px;}
#b63{left:503px;top:320px;}
#b64{left:511px;top:291px;}
#b65{left:513px;top:263px;}
#b66{left:507px;top:236px;}
#b67{left:491px;top:188px;}
#b68{left:477px;top:163px;}
#b69{left:462px;top:139px;}
#b70{left:441px;top:122px;}
#b71{left:419px;top:101px;}
#b72{left:395px;top:87px;}
#b73{left:368px;top:78px;}
#b74{left:344px;top:65px;}
#b75{left:322px;top:54px;}
#b76{left:293px;top:50px;}
#b77{left:271px;top:39px;}
#b78{left:246px;top:44px;}
#b79{left:222px;top:36px;}
#b80{left:183px;top:33px;}
#b81{left:154px;top:37px;}
#b82{left:127px;top:47px;}
#b83{left:102px;top:61px;}
#b84{left:83px;top:80px;}
#b85{left:60px;top:97px;}
#b86{left:48px;top:122px;}
#b87{left:31px;top:146px;}
#b88{left:21px;top:174px;}
#b89{left:14px;top:201px;}
#b90{left:9px;top:228px;}
#b91{left:5px;top:255px;}
#b92{left:10px;top:281px;}
#b93{left:11px;top:308px;}
#b94{left:18px;top:337px;}
#b95{left:26px;top:362px;}
#b96{left:36px;top:390px;}
#b97{left:52px;top:411px;}
#b98{left:70px;top:434px;}
#b99{left:87px;top:456px;}
@media screen and (max-width:700px){
	body {
	  overscroll-behavior: contain;
	}
	html {
	  overscroll-behavior: contain;
	}
	html{
        zoom: 67%;
    }
}