diff --git a/index.html b/index.html
index f750f08..2446eff 100644
--- a/index.html
+++ b/index.html
@@ -4,95 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>File Transfer</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            overflow-y: scroll;
-        }
-        #file-tree {
-            margin-top: 20px;
-        }
-        ul {
-            list-style-type: none;
-        }
-        li {
-            padding: 5px 0;
-            display: flex;
-            align-items: center;
-        }
-        li button {
-            margin-left: 10px;
-        }
-        .file-info {
-            flex-grow: 1;
-            padding-left: 5px;
-        }
-        .preview-modal {
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.8);
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            z-index: 1000;
-            overflow-y: auto;
-            padding: 20px;
-        }
-        .preview-content {
-            background: white;
-            padding: 20px;
-            border-radius: 5px;
-            max-width: 90%;
-            max-height: 90vh;
-            overflow: auto;
-            position: relative;
-        }
-        img {
-            max-width: 100%;
-            max-height: 400px;
-            display: block;
-            margin: 0 auto;
-        }
-        .upload-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 5px;
-        }
-        .progress-bar {
-            width: 200px;
-            height: 20px;
-            border: 1px solid #ccc;
-            margin-left: 10px;
-            overflow: hidden;
-            border-radius: 3px;
-        }
-        .progress-bar-fill {
-            height: 100%;
-            width: 0;
-            background-color: #4CAF50;
-            transition: width 0.1s;
-        }
-        #batch-actions button {
-            margin-right: 10px;
-            padding: 8px 15px;
-        }
-        .preview-controls {
-            display: flex;
-            justify-content: space-between;
-            width: 100%;
-            max-width: 90%;
-            margin-top: 10px;
-            margin-bottom: 10px;
-        }
-        .preview-controls button {
-            padding: 10px 20px;
-            font-size: 16px;
-        }
-    </style>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <h1>Upload Files</h1>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d7d69eb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,87 @@
+body {
+    font-family: Arial, sans-serif;
+    overflow-y: scroll;
+}
+#file-tree {
+    margin-top: 20px;
+}
+ul {
+    list-style-type: none;
+}
+li {
+    padding: 5px 0;
+    display: flex;
+    align-items: center;
+}
+li button {
+    margin-left: 10px;
+}
+.file-info {
+    flex-grow: 1;
+    padding-left: 5px;
+}
+.preview-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.8);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+    overflow-y: auto;
+    padding: 20px;
+}
+.preview-content {
+    background: white;
+    padding: 20px;
+    border-radius: 5px;
+    max-width: 90%;
+    max-height: 90vh;
+    overflow: auto;
+    position: relative;
+}
+img {
+    max-width: 100%;
+    max-height: 400px;
+    display: block;
+    margin: 0 auto;
+}
+.upload-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 5px;
+}
+.progress-bar {
+    width: 200px;
+    height: 20px;
+    border: 1px solid #ccc;
+    margin-left: 10px;
+    overflow: hidden;
+    border-radius: 3px;
+}
+.progress-bar-fill {
+    height: 100%;
+    width: 0;
+    background-color: #4CAF50;
+    transition: width 0.1s;
+}
+#batch-actions button {
+    margin-right: 10px;
+    padding: 8px 15px;
+}
+.preview-controls {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    max-width: 90%;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.preview-controls button {
+    padding: 10px 20px;
+    font-size: 16px;
+}
\ No newline at end of file
