
#homeDiv{
  z-index: 10;
}
#prevScreenDiv, #nextScreenDiv{
  cursor: pointer;
  color: black;
  font-size: 2.5vw;
  font-weight: bold;
  text-align: center;
  margin-top: 2vh;
  border: 1px solid black;
  border-radius: 2vw;
  background-color: #bbddfb;
}
#screen1Div{
  z-index: 1;
  bottom: 6vh;
}
#professionDiv{
  right: 3vw;
}
.profDivCss{
  height: 25vh;
  cursor: pointer;
  margin-top: 4vh;
  border: 2px solid black;
  box-shadow: 15px 14px 10px rgb(106 83 83 / 39%), inset -98px 0px 100px rgb(231 159 159 / 23%);
  /* box-shadow: 17px 25px 14px rgb(106 83 83 / 39%), inset -98px 0px 100px rgb(231 159 159 / 23%); */
}
.profImgCss{
  height: 100%;
}
#queProfessionDiv{
  left: 4vw;
  margin-top: 14vh;
  cursor: pointer;
}
.toolsCss{
  margin-top: 5vh;
  cursor: pointer;
}
.borderGlow{
  box-shadow: 2px 2px 22px 8px rgb(255, 217, 0);  /* #0ff; */
}


.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.5);
  }
  .modal-content{
    background-color:rgba(38, 59, 95, 0.611764705882353);
    box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
    border: 4px solid white;
    margin-top: 4vh;
  }

  #responseBox {
    margin-top: 18vh;
    background-color: #48b3ae; /* #185b94; */
    color: white;
    position:relative;
    top:0;
    left:0;
    height: 60vh;
    padding:2vh;
   }
  #professionNameText{
    color: yellow;
    font-size: 2.8vw;
    line-height: 10vh;
    font-weight: bold;
    margin-top: 2vh;
  }
  #showProfessonDiv{
    margin-top: 2vh;
  }
  
    