diff --git a/contact.html b/contact.html
index 1fd0635..aea6869 100644
--- a/contact.html
+++ b/contact.html
@@ -1,25 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <link rel=""stylesheet" href="style.css">
-  <meta charset="utf-8">
-  <title>reiyua</title>
-  <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <style>
+<link rel="stylesheet" href="style.css">
+<meta charset="utf-8">
+<title>reiyua</title>
+<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<style>
     body {
-      font-family: Arial, Helvetica, sans-serif;
+        font-family: Arial, Helvetica, sans-serif;
     }
-    </style>
-</head>
+</style>
 
 <body>
   
     <div class="navbar">
-      <a href="index.html">Home</a>
-      <a href="#">About</a>
-      <a href="contact.html">Contact</a>
-      <a href="#" class="right">Projects</a>
+    <a href="index.html">Home</a>
+    <a href="#">About</a>
+    <a href="contact.html">Contact</a>
+    <a href="#" class="right">Projects</a>
   </div>
     <div class="header">
         <h1>reiyua</h1>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f46bee6
--- /dev/null
+++ b/style.css
@@ -0,0 +1,24 @@
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+  }
+  
+  li {
+    float: left;
+  }
+  
+  li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+  
+  /* Change the link color to #111 (black) on hover */
+  li a:hover {
+    background-color: #111;
+  }
\ No newline at end of file
