diff --git a/webapp/static/space.jpg b/webapp/static/space.jpg
new file mode 100644
index 0000000..f3d962b
Binary files /dev/null and b/webapp/static/space.jpg differ
diff --git a/webapp/static/styles.css b/webapp/static/styles.css
new file mode 100644
index 0000000..dc38ef5
--- /dev/null
+++ b/webapp/static/styles.css
@@ -0,0 +1,78 @@
+body {
+    font-family: 'Roboto', sans-serif;
+    background-color: #0a0a23;
+    color: #ffffff;
+    margin: 0;
+    padding: 0;
+    background-image: url('space.jpg');
+    background-size: cover;
+}
+
+.container {
+    max-width: 500px;
+    margin: 50px auto;
+    padding: 20px;
+    background-color: #1a1a33;
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
+}
+
+h1 {
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+form {
+    text-align: center;
+}
+
+input[type="file"] {
+    margin-bottom: 20px; /* Adjust margin-bottom to create space below the input */
+    margin-top: 20px;    /* Add margin-top to create space above the input */
+    padding: 10px;
+    border: 2px solid #ddd;
+    border-radius: 5px;
+    width: 80%;
+    display: block;
+    margin: 0 auto;
+    background-color: #1a1a33;
+    color: #ffffff;
+}
+
+input[type="file"]::placeholder {
+    color: #ffffff;
+}
+
+
+input[type="submit"] {
+    background-color: #00ccff;
+    color: #ffffff;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+    transition: background-color 0.3s;
+}
+
+input[type="submit"]:hover {
+    background-color: #0099cc;
+}
+
+.message {
+    text-align: center;
+    margin-top: 20px;
+    padding: 10px;
+    background-color: #2d2d2d;
+    color: #ffffff;
+    border: 1px solid #ffffff;
+    border-radius: 5px;
+}
+
+.note {
+    font-size: 14px;
+    color: #666;
+    margin-top: 10px;
+    text-align: center;
+    font-style: italic;
+}
\ No newline at end of file
diff --git a/webapp/templates/index.html b/webapp/templates/index.html
index bea13a6..290eef4 100644
--- a/webapp/templates/index.html
+++ b/webapp/templates/index.html
@@ -1,15 +1,35 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>File Upload</title>
+    <title>Satellite File Upload</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+
 </head>
+
 <body>
-    <h1>File Upload</h1>
-    <form action="/upload" method="post" enctype="multipart/form-data">
-        <input type="file" name="file">
-        <input type="submit" value="Upload">
-    </form>
+    <div class="container">
+        <h1>Satellite File Upload</h1>
+        <p>Welcome to the Satellite File Upload portal. This portal allows you to securely upload files to our satellite
+            systems orbiting Earth.</p>
+        <p>Our satellites are equipped with advanced sensors and instruments that collect various types of data,
+            including weather patterns, environmental changes, and astronomical observations. To ensure the smooth
+            operation of these satellites, it's essential to regularly upload firmware updates, configuration files, and
+            scientific data.</p>
+        <p>Using this portal, you can securely transmit files to our satellites from anywhere on Earth. Once uploaded,
+            our satellite communication systems will process and integrate the data seamlessly into our satellite
+            networks.</p>
+        <form action="/upload" method="post" enctype="multipart/form-data">
+            <input type="file" name="file" placeholder="Choose file">
+            <input type="submit" value="Upload">
+            <p class="note">Note: Submitted files will be scanned to detect malicious patterns. Our team has developed a
+                specific tool to scan zip files.</p>
+
+        </form>
+        <div class="message" id="message"></div>
+    </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
