body {
  margin: 0;
  background-color:white;
}
#tapToPlaceTextHolder {
  display: none;
  width       : 50%;
  height      : auto;
  display     : none;
  position    : absolute;
  left        : 25%;
  top         : 59%;
}
#tapToPlaceTextHolder h2{
  color: white;
  font-size: 14px;
}
#loadingIcon {
  display: block;
  position: absolute;
   width: 140px;
   height: 39px;
   left: 50%;
   top: 90%; 
   margin-left: -70px;
   z-index:999;
}

#introScreen {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -122px 0px 0px -122px;
  z-index: 999;
}

/*main*/

#interactiveDimensionDivContainer{
  position: absolute;
  right: 5%;
  width: 16%;
  z-index: 12;
  top: 30px;
  display: block;
}

.dimensionDiv{
  width: 100%;
  height: auto;
}
.dimensionImage{
  width: 100%;
  height: auto;
  max-width: 70px;
}

#toggleContainer {
  position: absolute;
  left: 5%;
  width: 16%;
  z-index: 12;
  top: 30px;
  display: block;
}
#toggle {
  width: 100%;
  height:auto;
}

#toggle img {
  width: 100%;
  height: auto;
  max-width: 70px;
}

#btn_container {
 width: 100%;
 position: absolute;
 top: 65vh;
 z-index: 999;
 display: flex;
 justify-content:center;
}

#InteractiveContainer {
 width: 96%;
 right:2%;
 position: absolute;
 bottom: 2%;
 z-index: 999;
 display: block;
 justify-content:center;
 margin: 4px auto;
}

#interactiveIconDivContainer{
  width: 100%;
  position: relative;
  display: flex;
  column-gap: 20px;
  justify-content: center;
  margin: 0 auto;
}

.parentIconDivCss{
  width: 14%;
  max-width: 70px;
  height: auto;
  margin: 0 auto;
}

.parentIconCss{
  height: auto;
  width: 100%;
  margin: 0 auto;
}

#interactiveChildIconDivContainer{
  width: 75%;
  position: relative;
  display: flex;
  column-gap: 20px;
  justify-content: center;
  margin: 0 auto;
}

.childIconDivCss{
  width: 14%;
  max-width: 70px;
  height: auto; 
  margin: 0 auto;
}

.childIconCss{
  height: auto;
  width: 100%;
  margin: 0 auto;
}

#interactiveCallOutDivContainer{
  width: 100%;
  position: relative;
  display: flex;
  column-gap: 20px;
  justify-content: center;
}
.callOutDivCss{
  width: 100%;
  height: auto;
  display: block;
  justify-content: center;
  margin: 0 auto;
}

.callOutImgCss{
  height: auto;
  width: 96%;
  display: block;
  max-width: 400px;
  margin: 0 auto;
}

#instruction {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 10;
  height: 100%;
  top: -180px;
  /* bottom: 33px; */
}

#instruction>img {
  display: block;
  margin: 0 auto;
  width: 90%;
  left:5%;
  max-width: 550px;
}

#tapToContinue {
  display: none;
  position: absolute;
   width: 50%;
   height: auto;
   left: 25%;
   top: 10%; 
   z-index: 999;
}