diff --git a/erdiagram.css b/erdiagram.css
new file mode 100644
index 0000000..32137e8
--- /dev/null
+++ b/erdiagram.css
@@ -0,0 +1,75 @@
+#entity{
+    border: 2px solid red;
+    font-size: small;
+    width:60px;
+    height:20px;
+    position:absolute;
+    right:110px;
+    top:156px;
+    cursor:pointer;
+    text-align: center;            
+}
+
+#property{
+    background: white;
+    border: 1px solid black;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:156px;
+    cursor:pointer;
+    text-align: center;
+    border-radius: 10px;
+}
+
+#link1{
+    background: black;
+    border: 1px solid black;
+    width:60px;
+    height:1px;
+    position:absolute;
+    right:110px;
+    top:200px;
+    cursor:pointer;
+}
+
+#link2{
+    background: black;
+    border: 1px solid black;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:200px;
+    cursor:pointer;
+    clip-path: polygon(0% 0%, 55% 0%, 55% 90%, 100% 90%, 100% 100%, 45% 100%, 45% 10%, 0% 10%);
+}
+
+#relation{
+    background: gray;
+    font-size: small;
+    border: 1px solid black;
+    width:80px;
+    height:20px;
+    position:absolute;
+    right:100px;
+    top:250px;
+    cursor:pointer;
+    text-align: center;
+    clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
+}
+
+#key{
+    background: white;
+    border: 1px solid black;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:250px;
+    cursor:pointer;
+    text-align: center;
+    text-decoration: underline;
+    border-radius: 10px;
+}
\ No newline at end of file