body
{
  user-select:none;
  background-repeat: no-repeat;
  background-position: conter;
  background-attachment: fixed;
  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;
}
#ansdiv
{
	margin-top:30vh;
}
#que
{
	border-radius:15px;
	width:23vw;
}
.nopadding
{
	padding:0px !important;
}
 
#HomeNLogodiv
{
	margin-top:1vh;
} 
 #gamepage
{
	display:none;
}
#endpage
{
	display:none;
}
  
.fontClass
{
font-size:1.5vw;
margin-top:1.5%;
color:black;
text-align: center;
}
#chkbtn
{
	margin-left:1vw;
}
.letters
{
 height:13vh;
 width:8vw;
 font-size:3.2vw;
 margin-top:1vh;
 color:#0080FF;
 border-radius:50px;
 padding: 10px;
 box-shadow: 5px 10px #DCDCDC;
}
.words
{
 height:13vh;
 width:5vw;
 color:#0080FF;
 font-size:3vw;
 margin-left:0.5vw;
 border-radius:50%;
 padding: 10px;
 box-shadow: 4px 10px #DCDCDC;
}
#wordsGrid
{
   margin-top:3vh;
}
#marathiWord 
{
background-color:white;
color:#0080FF;
height:10vh;
font-size:3vw;
font-size:3vw;
padding: 10px;
box-shadow: 4px 10px #DCDCDC;	
 }
 .pos
{
	position: fixed;
	bottom : 0;
}
#bottomGrid
{
	position: fixed;
	bottom : 0;
	z-index:5;
}
#alpahabateDiv
{
	z-index:2;
	margin-top:3vh;
}
#chkbtn
{
	height:13vh;
	width:5vw;
}
#gameover
{
	font: italic bold;
	font-size:6vw;
	color: #1d1919;
    text-shadow: 4px 2px #dde0e2;
}
#circle 
{
    width: 1.5vw;
    height:2.7vh;
    border-radius: 50%;
    background:white;
	overflow:hidden;	  
}
.snow {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 1.5s infinite linear;
}
.snow1 {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 2s infinite linear;
}
.snow2 {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 3s infinite linear;
}
.snow3 {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 4s infinite linear;
}
.snow4 {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 5s infinite linear;
}
.snow5 {
	overflow:hidden;
	position: absolute;
	transform: translateY(400px);
	animation: fall 6s infinite linear;
}
@keyframes fall {
	0% {transform: translateY(0);}
} 
#starsDiv
{
	margin-top:8vh;
}
#questionMsg
{
font-size:3.5vw;
}
#responseBox {
   margin-top: 25vh;
   background-color: #185b94;
   color: white;
position:relative;
top:0;
left:0;
height: 45vh;
padding:2vh;
}
#btnDiv
{
margin-top:6vh;
}
#Yes,#No
{
background-color:rgb(249,185,0);
color:black;
font-size:2.5vw;
font-weight:bold;
}
@keyframes zoomIn {
 from {
   opacity: 0;
   -webkit-transform: scale3d(0.3, 0.3, 0.3);
   transform: scale3d(0.3, 0.3, 0.3);
 }

 50% {
   opacity: 1;
 }
}

.zoomIn {
 -webkit-animation-name: zoomIn;
 animation-name: zoomIn;
 animation-duration:1s;
}
.modal-content{
background-color: white;/*rgba(38, 59, 95, 0.611764705882353);*/
box-shadow:17px 25px 13px rgb(0, 0, 0), inset -98px 0px 180px rgb(60, 59, 130) /*17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95)*/;
border: 4px solid white;
position: fixed;
   top: 25vh;
   right: 0;
   bottom: 0;
left: 25vh;
height:fit-content;
}
.overlay
{
z-index: 10;
background-color: rgba(0,0,0,0.5);
}
.blink_me
{
    animation:blinker 1s linear infinite;
}
@keyframes blinker
{
    50%
    {
        opacity:0.5;
    }
}