diff --git a/todos/src/App.vue b/todos/src/App.vue
index 9f02ecb..86b380c 100644
--- a/todos/src/App.vue
+++ b/todos/src/App.vue
@@ -67,16 +67,3 @@ export default {
-
-
diff --git a/todos/src/assets/global.css b/todos/src/assets/global.css
new file mode 100644
index 0000000..7f3efdf
--- /dev/null
+++ b/todos/src/assets/global.css
@@ -0,0 +1,19 @@
+/* src/assets/global.css */
+
+#app {
+ width: 100%;
+ max-width: 600px;
+ margin: 20px auto;
+ padding: 15px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.08);
+ border-radius: 10px;
+ background: white;
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ font-family: sans-serif;
+ background: #f4f6fa;
+}
diff --git a/todos/src/components/TodoList.vue b/todos/src/components/TodoList.vue
index fed0e0e..75bff82 100644
--- a/todos/src/components/TodoList.vue
+++ b/todos/src/components/TodoList.vue
@@ -75,21 +75,7 @@
.tdItem-acts a:hover {
text-decoration: underline;
}
-
-
-
-
+
+
\ No newline at end of file
diff --git a/todos/src/main.js b/todos/src/main.js
index 01433bc..58940f6 100644
--- a/todos/src/main.js
+++ b/todos/src/main.js
@@ -1,4 +1,5 @@
import { createApp } from 'vue'
import App from './App.vue'
+import './assets/global.css'
createApp(App).mount('#app')