diff --git a/dataflow.css b/dataflow.css
new file mode 100644
index 0000000..9ff3d5f
--- /dev/null
+++ b/dataflow.css
@@ -0,0 +1,69 @@
+#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;
+}
\ No newline at end of file