diff --git a/styles/Components/texttools.module.css b/styles/Components/texttools.module.css
new file mode 100644
index 0000000..b07fd6d
--- /dev/null
+++ b/styles/Components/texttools.module.css
@@ -0,0 +1,42 @@
+.square {
+    height: 15px !important;
+    width: 15px !important;
+    position: relative;
+    border-radius: 5px;
+    border: solid 4px #000;
+}
+
+.list {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: fit-content;
+    gap: 5px;
+}
+
+.listItem {
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+}
+
+.text {
+    margin: 0;
+}
+
+.code {
+    font-family: monospace;
+    font-weight: bold;
+    background-color: var(--theme-ui-colors-hint);
+    transition: background-color 0.3s ease-in-out;
+    padding: 2px;
+    font-size: 105%;
+    border-radius: 5px;
+    padding-left: 5px;
+    width: fit-content;
+    display: inline;
+}