diff --git a/server.ts b/server.ts
new file mode 100644
index 0000000..8710642
--- /dev/null
+++ b/server.ts
@@ -0,0 +1,2 @@
+:
+
diff --git a/src/App.vue b/src/App.vue
index b16c74d..105c993 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,6 +20,12 @@ fetch("data_source.json")
 
 <style scoped>
 
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f0f0f0;
+}
 
 .title {
     font-size: 24px;
diff --git a/src/assets/bg.webp b/src/assets/bg.webp
new file mode 100644
index 0000000..8edbe4b
Binary files /dev/null and b/src/assets/bg.webp differ
diff --git a/src/style.css b/src/style.css
index d83fe4b..3ac72fa 100644
--- a/src/style.css
+++ b/src/style.css
@@ -5,7 +5,9 @@
 
   color-scheme: light dark;
   color: rgba(255, 255, 255, 0.87);
-  background-color: #aaaaaa;
+
+  background-color: #999;
+  background-image: url('assets/bg.webp');
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -23,6 +25,8 @@ a:hover {
 }
 
 body {
+  background-color: rgba(0, 0, 0, 0.2);
+  backdrop-filter: blur(10px);
   margin: 0;
   display: flex;
   justify-content: center;