diff --git a/index.html b/index.html
index ab75824..6c59f6f 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,27 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <title>Hello!</title>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <!-- import the webpage's stylesheet -->
     <link rel="stylesheet" href="/styles.css">
+    
+    <!-- import the webpage's javascript file -->
     <script src="/script.js" defer></script>
   </head>
+  
   <body>
     <h1>Hi there!</h1>
     <p>
       I'm your cool new webpage. Made with 
-      <a href="https://www.glitch.com">Glitch</a>
+      <a href="https://www.glitch.com">Glitch</a>!
     </p>
 
-    <!-- Include the Glitch button and default styling: -->
+
+    <!-- include the Glitch button -->
     <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
     <script src="https://button.glitch.me/button.js" data-style="glitch"></script>
   </body>
diff --git a/styles.css b/styles.css
index c98e703..9f54d71 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,9 @@
+/* this CSS (cascading stylesheet) includes rules for how our webpage looks */
+
+body {
+  font-family:"Benton Sans",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",helvetica,arial,sans-serif;
+}
+
 h1 {
   font-style: italic
 }
