diff --git a/scdiagram.css b/scdiagram.css
new file mode 100644
index 0000000..fd55109
--- /dev/null
+++ b/scdiagram.css
@@ -0,0 +1,71 @@
+#arrow2{
+    background: black;
+    border: 1px solid black;
+    width:60px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:156px;
+    cursor:pointer;
+    text-align: center;
+    clip-path: polygon(0% 49%, 1% 45%, 4% 42%, 8% 39%, 13% 38%, 17% 39%, 20% 41%, 23% 44%, 24% 46%, 91% 46%, 89% 36%, 99% 50%, 85% 63%, 90% 53%, 23% 53%, 21% 56%, 19% 59%, 15% 61%, 9% 61%, 5% 59%, 1% 56%, 1% 52%);
+}
+
+#process{
+    border: 2px solid red;
+    font-size: small;
+    width:60px;
+    height:20px;
+    position:absolute;
+    right:120px;
+    top:156px;
+    cursor:pointer;
+    text-align: center;            
+}
+
+#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%);
+}
+
+#link1{
+    background: black;
+    border: 1px solid black;
+    width:60px;
+    height:1px;
+    position:absolute;
+    right:120px;
+    top:260px;
+    cursor:pointer;
+}
+
+#link2{
+    background: black;
+    border: 1px solid black;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:250px;
+    cursor:pointer;
+    clip-path: polygon(0% 0%, 55% 0%, 55% 90%, 100% 90%, 100% 100%, 45% 100%, 45% 10%, 0% 10%);
+}
\ No newline at end of file