Add image asset and custom css

docs/assets/css/style.scss

@@ -0,0 +1,75 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+// Define color variables
+$primary-color: #3498db;
+$secondary-color: #2ecc71;
+$background-color: #f5f5f5;
+$text-color: #333;
+
+// Apply global styles
+body {
+    background-color: $background-color;
+    color: $text-color;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+}
+
+// Style headers
+h1, h2, h3, h4, h5, h6 {
+    color: $primary-color;
+    margin-bottom: 1rem;
+}
+
+// Style links
+a {
+    color: $primary-color;
+    text-decoration: none;
+
+    &:hover {
+        color: $secondary-color;
+        text-decoration: underline;
+    }
+}
+
+// Style buttons
+button {
+    background-color: $primary-color;
+    border: none;
+    border-radius: 4px;
+    color: #fff;
+    cursor: pointer;
+    padding: 0.5rem 1rem;
+
+    &:hover {
+        background-color: darken($primary-color, 10%);
+    }
+}
+
+// Style forms
+input, textarea {
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 0.5rem;
+    width: 100%;
+    margin-bottom: 1rem;
+}
+
+// Style navigation
+nav {
+    background-color: $primary-color;
+    padding: 1rem;
+
+    a {
+        color: #fff;
+        margin-right: 1rem;
+
+        &:hover {
+            color: $secondary-color;
+        }
+    }
+}