diff --git a/main.css b/main.css
new file mode 100644
index 0000000..9ef0df5
--- /dev/null
+++ b/main.css
@@ -0,0 +1,38 @@
+:root {
+ --l0-bg: #18191a;
+ --l1-bg: #391145;
+ --l2-br: #a73590;
+ --l3-bg: #96234e;
+ --l3-tx: #d74a7f;
+ --l4-bg: #714d87;
+ --l4-tx: #9c74b6;
+ --l5-tx: #e4c6c6;
+ --gr-bg: #9e6d22;
+ --gr-tx: #D29442;
+}
+
+html {
+ margin: 0;
+ padding: 0;
+ background-color: var(--l0-bg);
+}
+
+body {
+ color: var(--l5-tx);
+ margin: 0;
+ padding: 0;
+}
+
+main {
+ width: fit-content;
+ margin: 2em;
+ border: 2px solid #988;
+ padding: 1.5em;
+ line-height: 1.4;
+ border-radius: 5px 25px 25px 25px;
+ position: relative;
+ z-index: 1;
+ box-shadow: 2px 4px 0 0 var(--gr-bg), 4px 2px 0 0 var(--gr-bg), 4px 4px 0 0 var(--gr-bg),
+ 4px 9px 0 0 var(--l4-bg), 9px 4px 0 0 var(--l4-bg), 9px 9px 0 0 var(--l4-bg),
+ 6px 14px 0 0 var(--l3-bg), 14px 6px 0 0 var(--l3-bg), 14px 14px 0 0 var(--l3-bg);
+}
\ No newline at end of file
diff --git a/pronouns/index.html b/pronouns/index.html
index 7ea402c..4a3d803 100644
--- a/pronouns/index.html
+++ b/pronouns/index.html
@@ -1,30 +1,11 @@
how to: Rena's pronouns
+