<div class="body-container">
				<div class="question-n">
					
					<div class="question-section">
						<div id="mainWrapper">
							<div class="">
								<div class="leftSide div1" id="dvLeft"></div>
								<div class="rightSide div1" id="dvRight"></div>
								<div class="clear"></div>
							</div>
							<span id="main_span" style="position:absolute; left:0;top:0; width:0px; height:0px;"></span>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
					<footer class="footer">
					<div class="button-wrapper">
						<!-- <button disabled id="btn-tryagain" onClick="tryAgainAct()" class="btn btn-primary">Try Again</button> -->
						<button disabled id="submitAns" class="btn btn-primary">Submit</button>
						<button disabled id="showAns" class="btn btn-primary">Answer</button>
						<button disabled id="btn-reset" onClick="resetActivity()" class="btn btn-primary">Reset</button>
					</div>
				</footer>				
			</div>
		</section>
		
	</div>
</div>
		</section>
	</div>
	

<div id="myblocker"></div>
</div>
<div class="tab hidden">
	<center><img src="img/Welldone.gif"  height="auto" width="100%"></center>
</div>
</body>
</html>

	<script type="text/javascript">document.addEventListener("DOMContentLoaded", function(){
    document.body.addEventListener("touchstart", playVideo);
    function playVideo() {
        const video = document.getElementById('myVideo');
        if(video.playing) {
        } else {
            video.play();
        }
    }
});</script>

	<script type="text/javascript">window.onload = function() {
  
  setTimeout(function() {
    document.body.classList.add('opened');   
    setTimeout(function() {
      document.getElementById('door-left').style.display = 'none';
      document.getElementById('door-right').style.display = 'none';
      document.getElementById('devilzApp').classList.remove('hidden');
    }, 5000); 
  }, 500); 
};
</script>