diff --git a/Engine_Turning.HTML b/Engine_Turning.HTML
index c5d618c..78cf9af 100644
--- a/Engine_Turning.HTML
+++ b/Engine_Turning.HTML
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+	<link rel="stylesheet" href="style.css">
 	<head>
 		<title>Ferreri Engine Turning G-Code Generator</title>
 	</head>
@@ -16,8 +17,8 @@
 		<input type="number" id="tool_diameter" name="tool_diameter" step="0.1" value="6.35">
 		<br>
 		<!--
-    <label for="percent_overlap">Percent Overlap:</label><input type="number" id="percent_overlap" name="percent_overlap" step="0.01" value="50" title = "Default is 50 which is pretty standard"><br>
-	-->
+    	<label for="percent_overlap">Percent Overlap:</label><input type="number" id="percent_overlap" name="percent_overlap" step="0.01" value="50" title = "Default is 50 which is pretty standard"><br>
+		-->
 		<label for="x_overlap">Percent X Overlap:</label>
 		<input type="number" id="x_overlap" name="x_overlap" step="0.01" value="50" title="Default is 50 which is pretty standard">
 		<br>
@@ -51,9 +52,12 @@
 		<input type="radio" id="in" name="units" value="in">
 		<label for="in">in</label>
 		<br>
+		<br>
 		<button onclick="generateGCode()">Generate G-Code</button>
 		<br>
+		<br>
 		<label for="gcodeOutput">G-Code:</label>
+		<br>
 		<textarea id="gcodeOutput" name="gcodeOutput" rows="10" cols="50" readonly></textarea>
 		<br>
 		<br>
@@ -153,4 +157,4 @@
 			}
 		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..fb3301e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,8 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); /* Import the Roboto font from Google Fonts */
+
+body {
+    font-family: 'Roboto', sans-serif;
+    margin: 20px;
+    background-color: #f5f5f5; /* Light grey background for better contrast */
+    color: #333333; /* Dark grey text for better readability */
+}
diff --git a/surfacingGenerator.html b/surfacingGenerator.html
index ed1b9d9..8500299 100644
--- a/surfacingGenerator.html
+++ b/surfacingGenerator.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+	<link rel="stylesheet" href="style.css">
 	<head>
 		<title>Surfacing G-Code Generator</title>
 	</head>
@@ -68,7 +69,9 @@ <h1>Surfacing G-Code Generator</h1>
 		<br>
 		<button onclick="generateGCode()">Generate G-Code</button>		
 		<br>
+		<br>
 		<label for="gcodeOutput">G-Code:</label>
+		<br>
 		<textarea id="gcodeOutput" name="gcodeOutput" rows="10" cols="50" readonly></textarea>
 		<br>
 		<br>
