
body{
  background-color: #EFF1F4;
}
#gamePage{
  position: fixed;
  bottom: 15vh;
}
#bottleDiv{
  top: 6vh;
  height: 70vh;
  opacity: 0.5;
} 
#midDiv{
  height: 75vh;
  border-radius: 1vw;
  border: 3px solid white;
  background-color: #eab686;
  box-shadow: 10px 7px 5px rgb(106 83 83 / 39%);
}
#bottle1Div{
  top: 0vh;
  position: relative;
}
#bottle2Div{
  top: -5vh;
  position: relative;
}
#smallWaterCupDiv{
  top: -1vh;
}
#bigWaterCupDiv{
  top: 1vh;
}
#smallCupDiv, #bigCupDiv{
  left: 2vw;
  z-index: 1;
  transform: rotate(-67deg);
}
#smallWaterDropDiv, #bigWaterDropDiv{
  top: 13vh;
  left: 3vw;
  z-index: 1;
}
#bottleOuterDiv{
  top: 11vh;
  height: 64vh;
  overflow: hidden;
  position: absolute;
}
#smallGlassOuterDiv{
  top: 12.8vh;
  height: 40vh;
  overflow: hidden;
  position: absolute;
}
#bigGlassOuterDiv{
  top: 14vh;
  height: 50vh;
  overflow: hidden;
  position: absolute;
}
#bottleDiv, #smallGlassDiv, #bigGlassDiv{
  overflow: hidden;
  user-select: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#bottleWaterDiv, #smallGlassWaterDiv, #bigGlassWaterDiv{      
  position:absolute;
  overflow: hidden;
  user-select: none;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
}
#bottleWaterDiv{
  height: 64vh; 
}
#smallGlassWaterDiv{
  height: 39.8vh;
  right: 0.5vw;
  width: 95%;
}
#bigGlassWaterDiv{
  right: 0.1vw;
  top: 0.5vh;
  height: 48.5vh;
}
#bottleNoWaterDiv{
  position: absolute;
  background: #EFF1F4;
}
#smallGlassNoWaterDiv{
  height: 40vh;
  position: absolute;
  background: #eab686;
}
#bigGlassNoWaterDiv{
  height: 50vh;
  position: absolute;
  background: #eab686;
}
#smallGlassDiv{
  height: 40vh;
  opacity: 0.4;
  top: -11vh;
}
#bigGlassDiv{
  top: -10vh;
  height: 50vh;
  opacity: 0.4;
}
#counter1Div, #counter2Div{
  height: 15vh;
  overflow: hidden;
  user-select: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#counter1Div{
  bottom: -5vh;
  position: absolute;
}
#counter2Div{
  bottom: -5vh;
  position: absolute;
}
#counter1SpanDiv, #counter2SpanDiv{
  color: black;
  margin-top: 1.5vh;
  margin-right: 0.5vh;
  font-size: 3.8vw;
  font-weight: bold;
  text-align: center;
}
#counterCup1Div, #counterCup2Div{
  top: 1.5vh;
  cursor: pointer;
}
#cupDiv{
  top: 64vh;
  left: 2vw;
  position: relative;
}
