.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con 
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}
body,.bgClass
{
    user-select: none;
	/* background-attachment:fixed; */
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
}
#soundDiv
{
	visibility: hidden;
}
.marginClass
{
	margin: 1.5vw;
}
/* #gameMachineDiv,.borderClass
{
	border: 3px solid black;
} */
.screenClass
{
	height: 27vh;
	margin-bottom: 0;
	margin-top: 3vh;
	box-shadow:1px -4px 7px black;
/* 	border-top-left-radius: 1vw;
	border-top-right-radius: 1vw; */
/* 	border: 3px solid black; */
}
.buttonClass
{
	height:23vh;
	margin-top: 0;
	box-shadow: 1px -4px 7px black;
}
.gameMachineClass
{
	height:70vh;
	box-shadow: 9px 14px 8px black;
	/* border-top-left-radius: 1vw;
	border-top-right-radius: 1vw; */
/* 	border: 3px solid black; */
}
.displayClass
{
	height: 21vh;
	/* border: 3px solid black;
	border-radius: 1vw; */
}
.textFontClass
{
    color: black;
    font-size: 4vw;
    font-weight: bold;
    font-family: serif;
    text-align: center;
	cursor: pointer;
	margin-top: 4vh;
}
.optionClass:active {
/*   background-color: rgb(62, 142, 65); */
/*   box-shadow: 0 5px rgb(0, 0, 0); */
  transform: translateY(4px);
}
#RhymingWordsPageDiv
{
	display: none;
	border: 8px solid rgb(7, 87, 96);
    background-repeat: no-repeat;
    background-color: #736b6b;
    background-position: center;
    background-size: 100% 100%;
    height: 92vh;
    border-radius: 2vw;
    margin-top: -12vh;
    box-shadow: 11px 17px 9px rgb(0, 0, 0), inset -98px 0px 100px rgba(255, 255, 255, .5);
}
#screenDiv
{
	border: 10px double white;
	background-attachment: unset;
    border-radius: 3vw;
    height: 30vh;
    margin-top: 1vw;
    box-shadow: 10px 10px 4px rgb(0, 0, 0);
}
#buttons
{
	margin-top: 3vh;
    border-top: 4px solid rgb(7, 87, 96);
}
.noPadding
{
	padding:0px!important;
}
#endpage
{
	display:none;
}
#gameOverDiv
{
    font-size: 5vw;
    font-weight: bold;
	color:black;
	text-align: center;
}
#gameParlourDiv
{
	margin-top: 3vh;
}
.optionClass 
{
	margin-top:6vh; 
}
#acknowledgementDiv 
{
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
}
#developerNameDiv
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.3vw;
	margin-top:1vh;
	color:black;
}
.firstLetter:first-letter
{
	font-size:1.5vw;
}