diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..b9c3f88
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,55 @@
+body {
+    font-family: Arial, sans-serif;
+    padding: 20px;
+  }
+  
+  table {
+    border-collapse: collapse;
+    width: 100%;
+  }
+  
+  th,
+  td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+  }
+  
+  th {
+    background-color: #f2f2f2;
+  }
+  
+  a {
+    margin-right: 10px;
+  }
+  
+  form {
+    max-width: 600px;
+    margin: 0 auto;
+  }
+  
+  label {
+    display: block;
+    margin-top: 15px;
+  }
+  
+  input[type="text"],
+  input[type="password"],
+  textarea {
+    width: 100%;
+    padding: 8px;
+  }
+  
+  button {
+    margin-top: 15px;
+    padding: 10px 20px;
+  }
+  
+  .flash {
+    background-color: #f8d7da;
+    color: #721c24;
+    padding: 10px;
+    margin-bottom: 10px;
+    text-align: center;
+  }
+  
\ No newline at end of file
diff --git a/templates/admin_index.html b/templates/admin_index.html
index a03b4e3..83ded8e 100644
--- a/templates/admin_index.html
+++ b/templates/admin_index.html
@@ -4,30 +4,29 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Admin Center - Subscribers</title>
-    <style>
-        body { font-family: Arial, sans-serif; padding: 20px; }
-        table { border-collapse: collapse; width: 100%; }
-        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
-        th { background-color: #f2f2f2; }
-        a { margin-right: 10px; }
-    </style>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 </head>
 <body>
     <h1>Subscribers</h1>
-  <p><a href="{{ url_for('send_update') }}">Send Update Email</a></p>
-  {% if emails %}
-    <table>
-      <tr>
-        <th>Email Address</th>
-      </tr>
-      {% for email in emails %}
-      <tr>
-        <td>{{ email }}</td>
-      </tr>
-      {% endfor %}
-    </table>
-  {% else %}
-    <p>No subscribers found.</p>
-  {% endif %}
+    <p><a href="{{ url_for('send_update') }}">Send Update Email</a></p>
+
+    {% if emails %}
+        <table>
+            <thead>
+                <tr>
+                    <th>Email Address</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for email in emails %}
+                    <tr>
+                        <td>{{ email }}</td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    {% else %}
+        <p>No subscribers found.</p>
+    {% endif %}
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/templates/login.html b/templates/login.html
index d110448..97fefdd 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,26 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Admin Login</title>
-  <style>
-    body { font-family: Arial, sans-serif; padding: 20px; }
-    form { max-width: 400px; margin: 0 auto; }
-    label { display: block; margin-top: 15px; }
-    input[type="text"], input[type="password"] { width: 100%; padding: 8px; }
-    button { margin-top: 15px; padding: 10px 20px; }
-    .flash { background-color: #f8d7da; color: #721c24; padding: 10px; margin-bottom: 10px; text-align: center; }
-  </style>
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 </head>
+
 <body>
   <h1>Admin Login</h1>
   {% with messages = get_flashed_messages(with_categories=true) %}
-    {% if messages %}
-      {% for category, message in messages %}
-        <div class="flash">{{ message }}</div>
-      {% endfor %}
-    {% endif %}
+  {% if messages %}
+  {% for category, message in messages %}
+  <div class="flash">{{ message }}</div>
+  {% endfor %}
+  {% endif %}
   {% endwith %}
   <form action="{{ url_for('login') }}" method="POST">
     <label for="username">Username:</label>
@@ -30,4 +25,5 @@
     <button type="submit">Login</button>
   </form>
 </body>
-</html>
\ No newline at end of file
+
+</html>
diff --git a/templates/send_update.html b/templates/send_update.html
index a6d24b6..0df7078 100644
--- a/templates/send_update.html
+++ b/templates/send_update.html
@@ -1,31 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Admin Center - Send Update</title>
-  <style>
-    body { font-family: Arial, sans-serif; padding: 20px; }
-    form { max-width: 600px; }
-    label { display: block; margin-top: 15px; }
-    input[type="text"], textarea { width: 100%; padding: 8px; }
-    button { margin-top: 15px; padding: 10px 20px; }
-    .flash {
-      background-color: #f8d7da;
-      color: #721c24;
-      padding: 10px;
-      margin-bottom: 10px;
-    }
-  </style>
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 </head>
+
 <body>
   <h1>Send Update Email</h1>
   {% with messages = get_flashed_messages() %}
-    {% if messages %}
-      {% for message in messages %}
-        <div class="flash">{{ message }}</div>
-      {% endfor %}
-    {% endif %}
+  {% if messages %}
+  {% for message in messages %}
+  <div class="flash">{{ message }}</div>
+  {% endfor %}
+  {% endif %}
   {% endwith %}
 
   <form action="{{ url_for('send_update') }}" method="POST">
@@ -42,4 +32,5 @@
     <a href="{{ url_for('logout') }}">Logout</a>
   </p>
 </body>
+
 </html>
