diff --git a/index.html b/index.html
index 72b560d..98fb31a 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,8 @@
 <html>
   <head>
     <title>My Personal Web Page</title>
+    <link rel="stylesheet" href="/styles.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
   <body>
     <header>
@@ -14,8 +16,8 @@ <h1>Welcome to My Personal Web Page</h1>
         </ul>
       </nav>
     </header>
-    <main>
-      <section>
+    <main class="div">
+      <section class="section_1">
         <h2>About Me</h2>
         <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor
@@ -23,7 +25,7 @@ <h2>About Me</h2>
           magna leo.
         </p>
       </section>
-      <section>
+      <section class="section_2">
         <h2>Contact Information</h2>
         <p>Email: info@example.com</p>
         <p>Phone: 123-456-7890</p>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..30f0bda
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,109 @@
+
+@media (min-width: 601px) {
+ body {
+     background-color: rgb(220, 214, 214);
+     
+ }
+
+ nav ul {
+
+    display: flex;
+    flex-direction: row;
+
+ }
+
+ li:nth-of-type(1) {
+
+    margin-right: 20px;
+ }
+
+ li:nth-of-type(2) {
+
+     margin-right: 20px;
+ }
+
+
+
+
+
+  .div {
+      display: flex;
+      flex-direction: row;
+      gap: 15q0px;
+      background-color: rgb(252, 250, 250);
+      padding: 20px;
+      text-align: left;
+
+
+  }
+
+  .section_1 {
+
+    width: 30%;
+
+
+  }
+
+  .section_2 {
+
+
+    width: 40%;
+
+
+  }
+
+
+
+}
+
+
+
+
+
+
+
+ul{
+
+    list-style-type: none;
+    
+}
+
+a {
+
+    text-decoration: none;
+    color: rgb(84, 81, 81)
+}
+
+footer {
+    text-align: center;
+}
+
+
+
+
+
+/*************************** Media Tags************************** */
+
+
+@media (max-width: 600px) {
+
+
+
+ body{
+    background-color: rgb(220, 214, 214);
+    text-align:center
+}
+    
+
+ .div {
+    display: flex;
+    flex-direction: column;
+    background-color: rgb(252, 250, 250);
+    padding: 20px;
+    text-align: left;
+
+
+ }
+
+ 
+}
\ No newline at end of file
