html
{
    height:100%;
}
body
{
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position:center;
  background-size:100% 100%;
  overflow:hidden; 
  user-select:none;
  height: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;
}
#playGame{
  bottom: 0%;
  position: fixed;
}
#widget,#goNext{
  bottom: 4vh;
  position: fixed;
}
#goNext,#nextImgDiv
{
  left:7vw;
}
#creditDiv{
  bottom: 4vh;
  right: 2vw;
}
#skipDiv{
  left: 7vw;
  bottom: 3vh;
}
.homelogoClass{
  z-index: 1;
  margin-top: 3vh;
}
#replayNcredit
{
	position:fixed;
	bottom:0;
	display: flex;
	align-items: baseline;
}
#levelPage{
  position: absolute;
}
#titleId,#ruleDiv{
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  text-align: center;
  font-size: 3.3vw;
  color: white;
  font-weight: bold;
  height: 15vh;
  padding-top: 2vh;
}
#ruleDiv{
  visibility: hidden;
}
#levelPage,#gamePage,#endPage{
  display: none;
}
#endPage{
  position: absolute;
  margin-top: 1vh;
}
#rulesID{
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  margin-top: 16vh;
  position: relative;
  height: 56vh;
}
#rulesinnerID{
  height:52vh;
	margin-top:2vh;
  margin-left:10vw;
  overflow-y: auto;
}
/* width */
::-webkit-scrollbar {
  width: 20px;
  top: 0;
}
/* Track */
::-webkit-scrollbar-track {
  background-color: rgb(199, 188, 188); 
  box-shadow: inset 10px 3px 5px grey; 
  border:1.2px solid white;
  border-radius: 10px;
}
 /* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(38, 226, 217); 
  border: 1px solid white;
  border-radius: 10px; 
}
.checkmark{
  height: 5vh;
	width: 2.5vw;
	margin:0px;
}
.rulesDivClass{
  margin-top: 3.5vh;
}
.ruleClass{
  font-size: 2.5vw;
  color:rgb(241, 238, 56);
  left: 5.5vw;
  font-weight:bold;
}
.wordsChartClass{
 /*  left: 6vw; */
  top: 10vh;
}
.wordDivClass{
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
  height: 15vh;
}
.wordsStyleClass{
  color: white;
  font-size: 3vw;
  font-weight: bold;
  position: absolute;
  justify-content: center;
  display: flex;
  align-items: center;
  top: 3vh;
}
.backClass{
  visibility: hidden;
}
#gameOver
{
	text-align:center;
	font-size:6vw;
	color:white;
	font-weight:bold;
}
#acknowledgementDiv 
{
  margin-top: 20vh;
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% 100%;
	display: block;
  text-align:center;
}
#developerNameDiv
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.5vw;
	margin-top:1.5%;
	color:white;
}
.firstLetter:first-letter
{
font-size:1.5vw;
}
.blink_me
{
    animation:bounceCls 1.5s linear infinite;
}
@keyframes bounceCls{
 0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
}
90% {
    transform: translate3d(0,-4px,0);
} 
}

#instructionText
{
  font-size: 2vw;
  color: yellow;
  text-align: center;
}
#crossSign
{
color: red;
font-size: 1.5vw;
text-align: center;
font-weight: bold;
}
#instructionDivId{
  background-color: rgba(1, 6, 15, 0.612);
  box-shadow: 17px 25px 14px rgb(0, 0, 0),inset -98px 0px 100px rgb(124, 130, 141);
  border:2px solid white; 
}
#instructionAndGo{
  position:fixed;
  bottom: 0;
}
#closeBtn{
margin-left:2vw;
}