diff --git a/How_To_Use_Folder/how_to_use.html b/How_To_Use_Folder/how_to_use.html
index cd01f6e..f70c574 100644
--- a/How_To_Use_Folder/how_to_use.html
+++ b/How_To_Use_Folder/how_to_use.html
@@ -4,8 +4,113 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>How to Use</title>
-    <link rel="stylesheet" href="How_To_Use_Folder/how_to_use_styles.css">
     <link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Poppins:wght@300;500&display=swap" rel="stylesheet">
+
+    <style>
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: #2b2b2b;
+            color: #cdd6f4;
+            margin: 0;
+            padding: 0;
+        }
+
+        header {
+            width: 100%;
+            background-color: #1e1e2e;
+            padding: 20px 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+            margin-bottom: 30px;
+        }
+
+        .header-content {
+            width: 90%;
+            max-width: 1200px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        header h1 {
+            color: #89b4fa;
+            margin: 0;
+            font-size: 32px;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+
+        nav {
+            display: flex;
+            gap: 15px;
+        }
+
+        .back-btn {
+            background-color: #89b4fa;
+            color: #1e1e2e;
+            border: none;
+            padding: 10px 20px;
+            text-decoration: none;
+            border-radius: 5px;
+            font-size: 16px;
+            font-weight: bold;
+            transition: background-color 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background-color: #b4befe;
+        }
+
+        main {
+            width: 90%;
+            max-width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            flex-direction: column;
+            gap: 30px;
+        }
+
+        h1 {
+            color: #89b4fa;
+            font-size: 24px;
+            margin-bottom: 15px;
+        }
+
+        p {
+            font-size: 16px;
+            line-height: 24px;
+            margin-bottom: 20px;
+        }
+
+        ol, ul {
+            background-color: #1e1e2e;
+            padding: 20px;
+            border-radius: 10px;
+        }
+
+        li {
+            margin-bottom: 15px;
+            font-size: 17px;
+            line-height: 24px;
+            margin-left: 15px;
+        }
+
+        .container {
+            padding: 20px;
+            background-color: #313244;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+            transition: transform 0.2s;
+        }
+
+        .container:hover {
+            transform: translateY(-5px);
+            background-color: #42446a;
+        }
+    </style>
+
 </head>
 
 <body>
@@ -36,12 +141,12 @@ <h1>Getting Started</h1>
             <h1>Creator Notes</h1>
             <p>These features will be added soon:</p>
             <ul>
-                <li>Dark/Light Mode Toggle</li>
+                <li><s>Dark/Light Mode Toggle</s></li>
                 <li>Code Formatting Button</li>
                 <li>Save to Local Storage</li>
                 <li>Customizable Themes</li>
                 <li>Drag-and-Drop File Upload</li>
-                <li>Tutorial Integration</li>
+                <li>HTML, CSS, JavaScript, Tutorial</li>
             </ul>
         </section>
     </main>
diff --git a/How_To_Use_Folder/how_to_use_styles.css b/How_To_Use_Folder/how_to_use_styles.css
deleted file mode 100644
index 53f1e85..0000000
--- a/How_To_Use_Folder/how_to_use_styles.css
+++ /dev/null
@@ -1,103 +0,0 @@
-body {
-    font-family: 'Poppins', sans-serif;
-    background-color: #2b2b2b;
-    color: #cdd6f4;
-    margin: 0;
-    padding: 0;
-}
-
-header {
-    width: 100%;
-    background-color: #1e1e2e;
-    padding: 20px 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-    margin-bottom: 30px;
-}
-
-.header-content {
-    width: 90%;
-    max-width: 1200px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-header h1 {
-    color: #89b4fa;
-    margin: 0;
-    font-size: 32px;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-}
-
-nav {
-    display: flex;
-    gap: 15px;
-}
-
-.back-btn {
-    background-color: #89b4fa;
-    color: #1e1e2e;
-    border: none;
-    padding: 10px 20px;
-    text-decoration: none;
-    border-radius: 5px;
-    font-size: 16px;
-    font-weight: bold;
-    transition: background-color 0.3s ease;
-}
-
-.back-btn:hover {
-    background-color: #b4befe;
-}
-
-main {
-    width: 90%;
-    max-width: 1200px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    gap: 30px;
-}
-
-h1 {
-    color: #89b4fa;
-    font-size: 24px;
-    margin-bottom: 15px;
-}
-
-p {
-    font-size: 16px;
-    line-height: 24px;
-    margin-bottom: 20px;
-}
-
-ol, ul {
-    background-color: #1e1e2e;
-    padding: 20px;
-    border-radius: 10px;
-}
-
-li {
-    margin-bottom: 15px;
-    font-size: 17px;
-    line-height: 24px;
-    margin-left: 15px;
-}
-
-.container {
-    padding: 20px;
-    background-color: #313244;
-    border-radius: 10px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-    transition: transform 0.2s;
-}
-
-.container:hover {
-    transform: translateY(-5px);
-    background-color: #42446a;
-}
-
diff --git a/index.html b/index.html
index f5e08fd..3a5a547 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,9 @@
     <link rel="stylesheet" href="styles.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"></script>
     <link rel="icon" type="png" href="/images_Folder/icon.png">
-
 </head>
 
 <body>
-
     <header>
         <div class="header-content">
             <h1>Interactive Code Editor</h1>
@@ -21,7 +19,6 @@ <h1>Interactive Code Editor</h1>
                 <a href="How_To_Use_Folder/how_to_use.html" class="how-to-use-btn">How to Use</a>
                 <a href="Code_Example_Folder/code_examples.html" class="how-to-use-btn">Code Examples</a>
                 <button id="darkModeToggle">🌙 Dark Mode</button>
-
             </nav>
         </div>
     </header>
