diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5b03ef0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+*~
+*.swp
+*.swo
+
diff --git a/cssVarCookies.css b/cssVarCookies.css
new file mode 100644
index 0000000..424dc90
--- /dev/null
+++ b/cssVarCookies.css
@@ -0,0 +1,31 @@
+#cvfc p::before {content:":root{}"}
+
+#cvfc:hover p::before {content:":root{"}
+#cvfc:hover::after {content:"}"}
+
+#cvfc {
+    z-index:10000;
+    position:fixed;
+    bottom:10px;
+    left:10px;
+    background:whitesmoke;
+    border:1px solid black;
+    overflow:hidden;
+	border-radius:5px;
+	padding:10px;
+	width:fit-content;
+	line-height:auto;
+}
+#cvfc::after, #cvfc * {color:black !important;font-size:16px; box-sizing:border-box;margin:0;font-family:Unifont;}
+#cvfc tr {padding-left:2rem; display:flex;justify-content:space-between; gap:0px;width:inherit}
+#cvfc tr:nth-of-type(2n - 1) {background:white}
+#cvfc td {background:transparent;position:relative;width:inherit;height:18px !important; white-space:nowrap}
+#cvfc td:last-of-type{border-bottom:1px solid transparent; padding-left:10px}
+#cvfc textarea{padding:0;margin:0;resize:none; width:40ch;white-space:nowrap;
+border:none;background:none}
+#cvfc table {display:none; background:none}
+#cvfc:hover table {display:inherit}
+#cvfc tr:hover td:last-of-type {background:lightgray;border-bottom:1px solid black}
+#cvfc:hover {border-color:black; 
+    resize:horizontal;
+}