diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..ad6f042
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <circle cx="50" cy="50" r="48" fill="#ffffff"/>
+  <text x="50" y="62" font-family="Courier New, monospace" font-size="52" font-weight="bold" fill="#1a1a1a" text-anchor="middle">m</text>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5ebf0dd..c812b6f 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>mikl</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <style>
         * {
             margin: 0;
@@ -12,7 +13,10 @@
         }
 
         body {
-            background-color: #f5f5f0;
+            background-color: #E9E9E7;
+            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
+            background-blend-mode: soft-light;
+            opacity: 0.97;
             min-height: 100vh;
             display: flex;
             justify-content: center;