.cont4cup {
  position: absolute;
  border: 0px;
  width: auto;
  height: auto;
  transition: left 1s, top 0.5s, transform 0.3s;
}

.cont4canva {
  position: absolute;
  border: 1px;
  width: auto;
  height: auto;
  touch-action: none;  
}

.canvaborder {
  border: none;
  position: absolute;
}

.canva {
  border: 0px;
  touch-action: none;
}

.tasktext {
  font-size: 20px;
  margin: 50px 20px 20px 20px;
  
}

.tooldiv {
  padding:2px 180px 2px 2px;
  height: auto;
}

.activecup {

}

.activetool {
  border: 2px solid blue;
}

.cont4drop{
  padding-right: 10px;
  padding-left: 10px;
  position: absolute;
  transition: left 1s, top 1s;
  white-space: nowrap;
  height: 100%;
}

.cont4brush{
  padding-right: 10px;
  padding-left: 10px;
  transition: left 1s, top 1s;
  position: absolute;
  height: 100%;
}

.brushimg {
  border:0px;
  cursor: pointer;
  height: 100%;
}

.inkdrop {
  border:0px;
  cursor: pointer;
  height: 100%;
}

.inktxt {
  font-size: 20px;
}

.cup {
  border:2px solid black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  cursor: pointer;
}

.innercup {
  border:0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  bottom: 0px;
}

.ink1, .ink2 {
  border: 0px;
  position: absolute;
  background-color: hsl(240, 40%, 20%);
}

.ink1 {
  border-radius: 10px;
  height: 20px;
  width: 20px;
}

.ink2 {
  border-radius: 14px;
  height: 28px;
  width: 28px;
}

.water1, .water2 {
  border: 0px;
  position: absolute;
  background-color: hsl(220, 100%, 60%);
}

.water1 {
  height: 20px;
  width: 20px;
}

.water2 {
  height: 28px;
  width: 28px;
}

.captiontext {
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
}

.imgtool {
  height: 100%;
  cursor: pointer;
}

.btns {
  padding: 2px;
}

.helptxt {
  font-size: 20px;
  padding: 20px;
}