diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity
new file mode 100644
index 0000000..56c28ed
--- /dev/null
+++ b/node_modules/.yarn-integrity
@@ -0,0 +1,10 @@
+{
+  "systemParams": "win32-x64-108",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}
\ No newline at end of file
diff --git a/static/img/style.css b/static/img/style.css
new file mode 100644
index 0000000..0564992
--- /dev/null
+++ b/static/img/style.css
@@ -0,0 +1,9 @@
+.error-message {
+    color: red;
+  }
+  .error input {
+    box-shadow: 0 0 3px #cc0000;
+  }
+  .valid input {
+    box-shadow: 0 0 3px #36cc00;
+  }
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index c8f028d..668d8be 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Iris Flower Classifier</title>
-
+    <link rel="stylesheet" href="/static/img/style.css">
     <script
       src="https://unpkg.com/htmx.org@1.9.4"
       integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV"
@@ -13,17 +13,6 @@
     ></script>
     <script src="https://cdn.tailwindcss.com"></script>
   </head>
-  <style>
-    .error-message {
-      color: red;
-    }
-    .error input {
-      box-shadow: 0 0 3px #cc0000;
-    }
-    .valid input {
-      box-shadow: 0 0 3px #36cc00;
-    }
-  </style>
   <body class="bg-blue-500">
     <div class="flex items-center min-h-screen">
       <div class="w-11/12 md:w-full md:max-w-md mx-auto p-4 bg-white rounded-lg shadow-md">
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..fb57ccd
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
