diff --git a/styles.css b/styles.css
index 25b79c2..d492ead 100644
--- a/styles.css
+++ b/styles.css
@@ -1,103 +1,102 @@
 /* Reset default styles */
 * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-  
-  /* Set default font and colors */
-  body {
-    font-family: Arial, sans-serif;
-    color: #333;
-    background-color: #f5f5f5;
-  }
-  
-  /* Header styles */
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+/* Set default font and colors */
+body {
+  font-family: Arial, sans-serif;
+  color: #333;
+  background-color: #f5f5f5;
+}
+
+/* Header styles */
+header {
+  background-color: #337ab7;
+  padding: 20px;
+}
+
+nav ul {
+  list-style-type: none;
+  margin: 0 auto;
+}
+ 
+nav li {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+nav a {
+  color: #fff;
+  text-decoration: none;
+  padding: 10px;
+  border-radius: 5px;
+  margin: 0 auto;
+
+  transition: all 1s ease-out;
+}
+
+nav a:hover {
+  background-color: #fff;
+  color: #337ab7;
+}
+
+/* Main content styles */
+main {
+  max-width: 800px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: #fff;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+}
+
+h1,
+h2,
+h3 {
+  font-weight: normal;
+  margin-bottom: 10px;
+}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: #337ab7;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Footer styles */
+footer {
+  background-color: #333;
+  color: #fff;
+  padding: 20px;
+  text-align: center;
+}
+
+footer p {
+  margin: 0;
+}
+
+@media screen and (max-width: 767px) {
   header {
-    background-color: #337ab7;
-    padding: 20px;
-  }
-  
-  nav ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
+    text-align: center;
   }
-  
+
   nav li {
-    display: inline-block;
-    margin-right: 20px;
+    display: block;
+    margin: 10px 0;
   }
-  
-  nav a {
-    color: #fff;
-    text-decoration: none;
-    padding: 10px;
-    border-radius: 5px;
-  }
-  
-  nav a:hover {
-    background-color: #fff;
-    color: #337ab7;
-  }
-  
-  /* Main content styles */
+
   main {
-    max-width: 800px;
-    margin: 20px auto;
-    padding: 20px;
-    background-color: #fff;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  }
-  
-  h1, h2, h3 {
-    font-weight: normal;
-    margin-bottom: 10px;
-  }
-  
-  ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-  }
-  
-  li {
-    margin-bottom: 20px;
-  }
-  
-  a {
-    color: #337ab7;
-    text-decoration: none;
-  }
-  
-  a:hover {
-    text-decoration: underline;
-  }
-  
-  /* Footer styles */
-  footer {
-    background-color: #333;
-    color: #fff;
-    padding: 20px;
-    text-align: center;
-  }
-  
-  footer p {
-    margin: 0;
-  }
-  
-  @media screen and (max-width: 767px) {
-    header {
-      text-align: center;
-    }
-  
-    nav li {
-      display: block;
-      margin: 10px 0;
-    }
-  
-    main {
-      padding: 10px;
-    }
+    padding: 10px;
   }
-  
\ No newline at end of file
+}
\ No newline at end of file