body
{
    background-attachment:fixed;
}

.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-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
}
#soundDiv
{
	visibility: hidden;
}
.marginClass
{
	margin: 1.5vw;
}
.screenClass
{
	height: 27vh;
	margin-bottom: 0;
	margin-top: 3vh;
}
.buttonClass
{
	height:23vh;
	margin-top: 0;
}
.gameMachineClass
{
	height:70vh;
	box-shadow: 9px 14px 8px black;
}
.displayClass
{
	height: 21vh;
}
.textFontClass
{
    color: black;
    font-size: 4vw;
    font-weight: bold;
    font-family: serif;
    text-align: center;
	cursor: pointer;
	margin-top: 4vh;
}
#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: 7vw;
    font-weight: bold;
    margin-top: 5vh;
    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;
}
.blink_me
{
	animation:blinker 1s linear infinite;
}
@keyframes blinker
{
	50%
	{
		opacity:0.5;
	}
}

.overlay
{
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}
#questionMsg
{
	font-size: 3vw;
    line-height: 10vh;
}
#confiramtionText
{
    font-size: 3vw;
    line-height: 10vh;
}
#responseBox {
   margin-top: 25vh;
    background-color: #185b94;
    color: white;
    position: relative;
    top: 0;
    left: 0;
    height: 59vh;
    padding: 2vh;
}
#responseBoxDiv
{
	padding: 0%!important;
}
#btnDiv {
    margin-top: 3vh;
}
#Yes,#No
{
	background-color:rgb(249,185,0);
	color:black;
	font-size:2.5vw;
	font-weight:bold;
}
#endPage{
	margin-top: 10vh;
}
.modal-content
{
	background-color: white;
	box-shadow:17px 25px 13px rgb(0, 0, 0), inset -98px 0px 180px rgb(60, 59, 130) ;
	border: 4px solid white;
	position: fixed;
   top: 25vh;
   right: 0;
   bottom: 0;
	left: 25vh;
	height:fit-content;
}