Link external stylesheet and remove inline styles

RaspberryPi400 · web-flow · commit ee41d2203a1f · 2026-01-27T20:10:20.000-05:00
Removed inline styles from index.html and linked to an external stylesheet.
diff --git a/index.html b/index.html
@@ -7,13 +7,7 @@
   <meta name="title" content="Study Guide Creator">
   <meta name="description" content="This website helps you create study guides and test yourself. You input the questions & answers, then take the test and get an instant score."/>
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <style>
-    body { font-family: sans-serif; text-align: center; padding-top: 100px; }
-    kbd { 
-      background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4;
-      box-shadow: 0 1px 1px rgba(0,0,0,.2); font-family: monospace; padding: 2px 4px;
-    }
-  </style>
+  <link rel="stylesheet" href="style1.css">
 </head>
 <body>
   <main>
