.dropdown_shape{
    width: 100%;
    height: 13vh;
    position: absolute;
    top: 22vh;
    left: -30vh;
    background-color: #212222ef;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) ;
    transition: ease-in 0.7s;
}
.shapes{
    height: 40%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.shape_color{
    height: 60%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.shape_icon{
    height: 100%;
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    padding: 0.1rem;
    color: white;
}
.shape_icon:hover{
    background-color: rgb(66, 66, 66);
}
.shapeOption{
    height: 40%;
    width: 15%;
    border-radius: 20%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.active_shape{
    background-color: rgb(66, 66, 66);
}