diff --git a/custom.css b/custom.css
new file mode 100644
index 0000000..bebb989
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,59 @@
+/* Base styles */
+body {
+  background-color: #f2f2f2; /* Tertiary color */
+  color: #233f28; /* Primary color */
+  font-family: 'Arial', sans-serif;
+  font-size: 16px;
+  line-height: 1.6;
+}
+
+/* Header Styles */
+h1, h2, h3, h4, h5, h6 {
+  color: #233f28; /* Primary color for all headers */
+}
+
+/* Links */
+a {
+  color: #7e9084; /* Secondary color for links */
+}
+
+a:hover {
+  color: #face00; /* Accent color for links on hover */
+}
+
+/* Code Chunks */
+code, pre {
+  background-color: #233f28; /* Primary color for code background */
+  color: #d9e1dd; /* Tertiary color for code text */
+  padding: 4px;
+  border-radius: 4px;
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+table, th, td {
+  border: 1px solid #7e9084; /* Secondary color for table borders */
+}
+
+th {
+  background-color: #233f28; /* Primary color for table headers */
+  color: #d9e1dd; /* Tertiary color for table header text */
+}
+
+/* Table of Contents */
+#toc {
+  background-color: #7e9084; /* Secondary color for TOC background */
+  padding: 10px;
+}
+
+#toc a {
+  color: #d9e1dd; /* Tertiary color for TOC links */
+}
+
+#toc a:hover {
+  color: #face00; /* Accent color for TOC link hover */
+}