Imported correct font and removed uneeded p

elements and added correct content inline with the
README

Author: burhan-mustafa

Wireframe/README.css

@@ -1,7 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
+
 :root {
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
-  --font: 100%/1.5 "Comic Neue", cursive, uppercase;
+  --font: 100%/1.5 "Permanent Marker", bold;
   --space: clamp(6px, 6px + 2vw, 15px);
   --line: 1px solid;
   --container: 1280px;

Wireframe/README.html

@@ -15,7 +15,7 @@ <h1>README Files</h1>
         <img src="readme.png" alt="">
         <h2>What is the purpose of a README file? </h2>
         <p>
-          In this article we will cover the purpose of a branch in git
+          A README file is used to give information so a user can ascertain key details of a program such as its function, how it works, how to set it up and general updates.
         </p>
         <a rel="html" href="index.html">Back</a>
         </article>

Wireframe/branch.css

@@ -1,7 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
+
 :root {
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
-  --font: 100%/1.5 "Comic Neue", cursive, uppercase;
+  --font: 100%/1.5 "Permanent Marker", bold;
   --space: clamp(6px, 6px + 2vw, 15px);
   --line: 1px solid;
   --container: 1280px;

Wireframe/branch.html

@@ -15,7 +15,7 @@ <h1>Git Branches</h1>
         <img src="Branch.png" alt="">
         <h2>What is a branch in Git? </h2>
         <p>
-          In this article we will cover the purpose of a branch in git
+          A branch in Git is a seperate workspace used to experiment or make changes without affecting the main project.
         </p>
         <a rel="html" href="index.html">Back</a>
         </article>

Wireframe/index.html

@@ -39,11 +39,11 @@ <h2>README files</h2>
     </main>
     <footer>
       <hr>
-      <pre>
-        Contact us on:
-        telephone: 07489763234
+      <p>
+        Contact us on
+        telephone: 07489763234 or
         email: usersupport@hotmail.com
-      </pre>
+      </p>
     </footer>
   </body>
 </html>

Wireframe/style.css

@@ -17,10 +17,12 @@ As well as useful links to learn more */
  https://scrimba.com/learn-css-variables-c026
 ====== Design Palette ====== */
 
+@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
+
 :root {
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
-  --font: 100%/1.5 "Comic Neue", cursive, uppercase;
+  --font: 100%/1.5 "Permanent Marker", bold;
   --space: clamp(6px, 6px + 2vw, 15px);
   --line: 1px solid;
   --container: 1280px;
@@ -34,11 +36,13 @@ header p
 
 /* ====== Base Elements ======
  General rules for basic HTML elements in any context */
-body {
+body{
   background: var(--paper);
   color: var(--ink);
   font: var(--font);
+  text-transform: uppercase;
 }
+
 a {
   padding: var(--space);
   border: var(--line);

Wireframe/wireframe.css

@@ -1,7 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
+
 :root {
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
-  --font: 100%/1.5 "Comic Neue", cursive, uppercase;
+  --font: 100%/1.5 "Permanent Marker", bold;
   --space: clamp(6px, 6px + 2vw, 15px);
   --line: 1px solid;
   --container: 1280px;

Wireframe/wireframe.html

@@ -15,7 +15,7 @@ <h1>Wireframes</h1>
         <img src="wireframes.png" alt="">
         <h2>What is the purpose of a Wireframe?</h2>
         <p>
-          In this article we will cover the purpose of a branch in git
+          A wireframe is used as a structural blueprint that allows a developer to envision how a project will look.
         </p>
         <a rel="html" href="index.html">Back</a>
         </article>