
*{
  margin: 0px;
  padding: 0px;
}
.container {
overflow: hidden;
position: relative;
/* background-color: red; */
height: 100vh;
width: 100vw;
}
.toolButton{
position: absolute;
          height: 400px;
          width: 80px;
          border-radius: 35px;
          background-color: rgb(255, 255, 255);
          top: 230px;
          left: 35px;
          box-shadow:2px 5px 15px rgba(0, 0, 0, 0.51);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
}
.circle{
 fill: none;
 stroke: green;
 background-color: white;
 cursor: pointer;
}

#circle{
  height: 50px;
  width: 50px;
  border: none;
  border-radius: 50%;
  background-color: white;
  color: white;
}
#circle:hover{
  scale: 1.1;
  color: black;
  background-color: rgba(82, 220, 233, 0.477);
}
#square{
  cursor: pointer;
  height: 50px;
  width: 50px;
  border: none;
  border-radius: 50%;
  background-color: white;
}
#square:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
#points{
  cursor: pointer;
  height: 50px;
  width: 50px;
  background-color: white;
  border: none;
  border-radius: 50%;
}
#points:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
#move{
  cursor: pointer;
  height: 50px;
  width: 50px;
  border: none;
  border-radius: 50%;
  background-color: white;
}
#move:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
#clear{
  cursor: pointer;
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 50%;
  background-color: white;
}
#clear:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
#undo{
  margin: 10px 0px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 50%;
  background-color: white;
}
#undo:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
#redo{
  margin-bottom: 5px;
  cursor: pointer;
  background-image: url('redo-svgrepo-com.svg');
  height:35px;
  width: 35px;
  border: none;
  border-radius: 20%;
  background-color: white;
}
#redo:hover{
  scale: 1.2;
  background-color: rgba(82, 220, 233, 0.477);
}
