html{
	height:100%;
}
body
{
	user-select:none; 
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100% 100%;
}	
.se-pre-con {
	position: fixed;
	left: 0px;
	top:150px;
	width:100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position:center;
}
.nopadding{
	padding:0!important;
}
.modal 
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; 
	background-color: rgba(0,0,0,0.6); 
} 
.modal-content
{
	background-color:#ffffff !important;	
}
.tower
{
	background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
    height:52vh;
}
.disc
{
	font-size:1.5vw;
	border-radius:3vw;
	height:8vh;
	/* border:1px solid black;
	box-shadow:10px 10px 10px rgba(0,0,0,0.5); */
}
.outerDisc
{
	height:9vh;
	font-size:1.3vw;	
	z-index:1;
}
.closed
{
	float:right;
	color:red;
	font-size:1vw;
}
.modal 
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; 
	background-color: rgba(0,0,0,0.6); 
}
.modal-content{
	background-color:#ffffff !important;	
}
.fontcls{
	font-size:2vw;
	font-family: 'BubblegumSans', sans-serif;
}

.btnadjust{
	margin-top:2.5vh;
}

#scoreCard{
	display: flex;
    justify-content: center;
    align-items: center;
	visibility:hidden;
	margin-top:1.5vh;
	height:11vh;
	color:white;
	/* box-shadow: 0 0 5px 5px #e8def3;
	border-radius:0.5vw; */
	/* background-color:#283977; */
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	font-family: 'BubblegumSans', sans-serif;
}
.bullet-span::before {
  color: red;       /* Bullet color */
}

.instructionClass{
	font-size: 2vw;
	/* color: #fffa00; */
	color: white;
	display: list-item;
  	list-style-type: disc;
	font-family: 'BubblegumSans', sans-serif;
}
#innerInstructionDiv{
	padding: 10px 0px 10px 0px;
    background-color: cornflowerblue;
    border-radius: 8px;
    /* opacity: 0.7; */
    box-shadow: 8px 6px 7px rgb(0, 0, 0), inset -100px 0px 100px rgba(70, 141, 197, 0)
}

#towersDiv{
	/* bottom:8vh;
	position:fixed; */
	top: 13vh;
	display:none;
}
#bottomDiv{
	bottom:0;
	position:fixed;
}
#movesText,#movesCount,#secText,#timeTaken{
	color: black;
	font-size: 2vw;
}
#moves{
	font-size:3vw;
	font-weight:bold;
	color: white;
}
#soundDiv{
	visibility:hidden;
}
#levelPage{
	margin-top: -5%;
}
#homeImage{
	visibility:hidden;
	z-index:100;
}
#helpPage
{
	font-size:1.5vw;
	display:none;
}
#gifDiv{
	/* margin-top: -5%; */
	background-color: #e886b2;
	font-size: 1.7vw;
}
@font-face {
	font-family: 'WhaleITried';
	src: url('../fonts/WhaleITriedRegular-xWq0.ttf') format('truetype');
}
#howToPlayText{
	text-align: center;
	font-size: 3.5vw;
	color: white;
	font-weight: bold;
	font-family: 'WhaleITried', sans-serif;
}
@font-face {
	font-family: 'BubblegumSans';
	src: url('../fonts/BubblegumSans-Regular.ttf') format('truetype');
}
#instructionDiv{
	padding: 1%;
    color: whitesmoke;
    font-size: 1.6vw;
    /* background-color: white; */
    border-radius: 0.5vw;
	margin-top: 1%;
	background-position:center center;
	/* background-attachment:fixed; */
	background-repeat:no-repeat;
	background-size:100% 100%;
}

h3{
	text-align: center;
	font-weight: bold;
}
#gameOverText{
	font-weight:bold;
	font-size:5vw;
	font-family: 'WhaleITried', sans-serif;
}
#discSelector,option{
	font-size:2.5vw;
	height:7vh;
	text-align: center;
}
#starsDiv{
	margin-top:0.5vh;
	visibility:hidden;
}
#scoreBoard{
	padding: 7px 0px;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	color:white;
	visibility:hidden;
	/* background-color: #222b4c; */
    /* border: 1px solid black;
    border-radius: 1.5vw;
    box-shadow: 10px 10px 10px rgba(0,0,0,2.5); */
}  
#selectDisc{
	text-align: center;
	color:white;
	font-size: 6vh;
	z-index:-1;
}
#instruction{
	text-align: center;
	color:white;
	font: 4vh;
}
#alienDiv
{
	margin-top:16vh;
	cursor:none;
}
#tower1,#tower2,#tower3{
	display: flex;
    justify-content: end;
    align-items: center;
    flex-flow: column;
}

