Init

2 files changed, 90 insertions, 0 deletions

diff --git a/assets/styles/admin.css b/assets/styles/admin.css
new file mode 100644
index 0000000..6b8d841
--- /dev/null
+++ b/assets/styles/admin.css
@@ -0,0 +1,30 @@
+form {
+  display: block;
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+th,
+td {
+  padding: 0.5rem 0.75rem;
+  text-align: left;
+  border: 1px solid #ddd;
+}
+
+th {
+  background: #f5f5f5;
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+#editor {
+  padding: 0.5rem;
+  margin-block: 15px;
+  min-height: 340px;
+}
\ No newline at end of file
diff --git a/assets/styles/main.css b/assets/styles/main.css
new file mode 100644
index 0000000..0397c97
--- /dev/null
+++ b/assets/styles/main.css
@@ -0,0 +1,60 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:root {
+  --color-bg: #ffffff;
+  --color-text: #1a1a1a;
+  --color-link: #0057b7;
+  --color-accent: #deb3a1;
+  --font-body: Georgia, serif;
+  --max-width: 72ch;
+}
+
+body {
+  margin: 0;
+  padding: 2rem 1rem;
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-body);
+  line-height: 1.6;
+
+  *::selection {
+    background-color: var(--color-accent);
+  }
+}
+
+main {
+  max-width: var(--max-width);
+  margin: 0 auto;
+}
+
+a {
+  color: var(--color-link);
+}
+
+pre,
+code {
+  font-family: var(--font-mono);
+  font-size: 0.9em;
+}
+
+pre {
+  overflow-x: auto;
+  padding: 1rem;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+
+img {
+  max-width: 100%;
+}
+
+#logo {
+  max-height: 240px;
+  min-height: 240px;
+  height: 100%;
+  padding-block: 18px;
+}
\ No newline at end of file