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: 0px !important;
}

.box 
{
  height: 25vh;
  border: 1px solid wheat;
  padding-left: 0px;
  padding-right: 0px;
}
.blink-image
{
   animation:blink 1.5s linear infinite;
}
@keyframes blink{
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);
}
}

#playGame,#nextDiv,#nextlogo,#soundlogo,#restart,#replayGame
{
  bottom: 0%;
  position: fixed;
}
.se-pre-con
{
position: fixed;
left: 0px;
top:150px;
width:100%;
height: 100px;
z-index: 9999;
background-repeat: no-repeat;
background-position:center;
}
@keyframes shakeDiv 
{
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.imageShake
{
  animation: shakeDiv 0.5s;
  animation-iteration-count: 2s;
}
.span_box
{
 text-align: center;
 font-size: 5vw;
 color: blue;
 margin-top: 3vh;
}
#endId
{
  text-align: center;
  font-size: 8vw;
  margin-top: 15vh;
  font-weight: bold;
  color: black;
}
.defaultImage
{
  height: 100%;
  width:100%
}
#HomeSoundNextButtondiv
{
  padding-top: 15vh;
}
#instructionDiv{
  font-size: 2.5vw;
    color: #3a2ea2;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: bold;
    top: 5px;
    text-align: center;
}