html
{
        height:100%;
}
body
{
 background-attachment:fixed;
 background-repeat: no-repeat;
 background-position:center;
 background-size:100% 100%;
 overflow:hidden;
 user-select:none;
}
.noPadding 
{
    padding:0% !important;
}
.se-pre-con
{
    position: fixed;
    left: 0px;  
    top:150px;
    width:100%;
    height: 100px;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position:center;
}
#playGame,#widgeDiv,#replayNcredit
{
     position:fixed;
     bottom:0%;
}
#gamePage
{
	display:none;
}
#helpDiv
{
    color: black;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    background-color:#80efef54;
    border: 2px solid black;
    border-radius: 4vh/4vh;
    top: 2vh;
    visibility:hidden;
    box-shadow: 3px 6px 8px -3px;
}
.carDivClass
{
  height:77vh;
}
.carImgClass
{
	height:100%;
}
#flagDiv
{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 50vh;
    left:8vw;
}
#QuestionDiv
{
	 position:absolute;
    top:6.2vh;
}
#OuterDivId
{
    top:3vh;
    left: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spanClass
{
    font-size: 2.8vw;
    font-weight: bold;
    color: black;
    text-align:center;
    padding: 3.5px;
}
#optionDiv
{
  top:39vh;
  position:absolute;
  left: 2VW;
}
.optionClass
{
	  background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position:center;
    text-align:center;
    height: 9.3vh;
    padding-top: 0.5vh;
}
.spanoptionclass
{
    font-size: 2.8vw;
    font-weight: bold;
    color: black;
}
#GameOver
{
    top: 4vh;
    text-align: center;
    font-size: 7vw;
    font-weight: bold;
    color: black;
}
 #acknowledgementDiv 
{
    display: none;
    background-color: aliceblue;
    margin-top: 5vh;
    border: 0.22vw solid black;
    border-radius: 3vw;
    box-shadow: 5px 6px 2px black;
     text-align: center;
}
#developerNameDiv
{
    margin-bottom: 2vh;
}
.fontClass
{
    font-size:1.3vw;
    margin-top:1vh;
    color:black;
}
.firstLetter:first-letter
{
    font-size:1.5vw;
}
/*  animation */
@-webkit-keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  
  @keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
  }

  @-webkit-keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  
  @keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  
  .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
  }
  
  @-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }