#object{
    border: 2px solid red;
    font-size: small;
    width:80px;
    height:20px;
    position:absolute;
    right:100px;
    top:156px;
    cursor:pointer;
    text-align: center;
}

#process{
    border: 1px solid #333;
    font-size: small;
    width:70px;
    height:20px;
    position:absolute;
    right:20px;
    top:156px;
    cursor:pointer;
    text-align: center; 
    border-radius: 5px;           
}

#arrow{
    background: black;
    border: 1px solid black;
    width:80px;
    height:20px;
    position:absolute;
    right:100px;
    top:200px;
    cursor:pointer;
    clip-path: polygon(0% 40%, 95% 40%, 92% 10%, 95% 0%, 100% 50%, 95% 100%, 92% 90%, 95% 60%, 0% 60%);
}

#arrow1{
    background: black;
    border: 1px solid black;
    width:70px;
    height:20px;
    position:absolute;
    right:20px;
    top:200px;
    cursor:pointer;
    clip-path: polygon(0% 0%, 52% 0%, 52% 80%, 95% 80%, 93% 75%, 95% 70%, 100% 85%, 95% 100%, 93% 95%, 95% 90%, 48% 90%, 48% 10%, 0% 10%);
}

#datasrc{
    background: black;
    font-size: small;
    border: 1px solid black;
    width:80px;
    height:20px;
    position:absolute;
    right:100px;
    top:250px;
    cursor:pointer;
    clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 5% 10%, 5% 90%, 100% 90%, 100% 100%, 0% 100%);
}

#arrowtype{
    width: 180px;
    height: 25px;
    position: absolute;
    bottom: 50px;
    right: 10px;
}