
#gamePage{
  position: absolute;
}
#homeDiv, #prevScreenDiv, #nextScreenDiv{
  z-index: 10;
}
.loader{
  z-index: 10;
}
#prevScreenDiv, #nextScreenDiv{
  cursor: pointer;
}
#screen1Div{
  z-index: 1;
}
#screen2Div, #screen3Div{
  top: 15vh;
  position: absolute;
}
#professionDiv{
  right: 3vw;
}
.profDivCss{
  height: 30vh;  
  cursor: pointer;
  margin-top: 2vh;
  position: relative;
  /* box-shadow: 15px 14px 10px rgb(106 83 83 / 39%), inset -98px 0px 100px rgb(231 159 159 / 23%); */
}
.profImgCss{
  border: 2px solid black;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: auto;  
  /* height: 30vh; */
  /* width: 100%; */
}
#queProfessionDiv{
  margin-top: 9vh;
  cursor: pointer;
  padding-left: 0vw;
  padding-right: 1vw;
}
.toolsCss{
  height: 26vh;
  margin-top: 5vh;
  cursor: pointer;
  right: 3vw; 
  position: relative;
}
.toolImgCss{
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  /* width: auto; */
  height: 25vh;
  width: 100%;
}
.borderGlow{
  box-shadow: 2px 2px 22px 8px rgb(255, 217, 0); 
}

#finalPage{
  top: 6vh;
  position: absolute;
}

.pulse{
  animation: pulse-black 1.5s infinite;
  }
  @keyframes pulse-black {
  0% {
  transform: scale(0.85);
  }
  70% {
  transform: scale(1);
  }
  100% {
  transform: scale(0.85);
  }
  }

  @-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;
    animation-duration: 0.8s;
  } 

  #responseBoxDiv{
    /* display: none; */ 
    position: fixed; 
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;   /* auto */
  }
  .overlay{
  z-index: 10;
  background-color: rgba(0,0,0,0.8);
  }
  /* .modal-content{
    box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
    border: 10px solid white;
    margin-top: 4vh;
  } */

  #responseBox {
    top:0;
    left:0;
    padding:2vh;
    margin-top: 9vh;
    color: white;
    position:relative;
    border: 10px solid white;
   }
  /* #professionNameText{
    color: yellow;
    font-size: 2.8vw;
    line-height: 10vh;
    font-weight: bold;
    margin-top: 2vh;
  } */
  /* #showProfessonDiv{
    height: 57vh;
  }
  #showProfessonImg{
    height: 100%;
  } */
  
    