diff --git a/ideagenerator/data.js b/ideagenerator/data.js
index 1c00ab0..00fe7e8 100755
--- a/ideagenerator/data.js
+++ b/ideagenerator/data.js
@@ -1,19 +1,19 @@
 category_names = [
-'template',
-'genre',
-'genre_modifier',
-'perspective',
-'group_name',
-'character',
-'character_description',
-'character_description_post',
-'goal_prefix',
-'goal',
-'setting',
-'setting_description',
-'theme',
-'mood',
-'wildcard'
+	'template',
+	'genre',
+	'genre_modifier',
+	'perspective',
+	'group_name',
+	'character',
+	'character_description',
+	'character_description_post',
+	'goal_prefix',
+	'goal',
+	'setting',
+	'setting_description',
+	'theme',
+	'mood',
+	'wildcard'
 ];
 
 data = `
@@ -457,4 +457,4 @@ with destructible terrain
 with a built-in level editor
 with a [funny, moving] story
 #end
-`;
\ No newline at end of file
+`;
diff --git a/ideagenerator/index.html b/ideagenerator/index.html
index eed401f..c3b796d 100644
--- a/ideagenerator/index.html
+++ b/ideagenerator/index.html
@@ -1,7 +1,13 @@
 <!DOCTYPE html>
 <html>
 	<head>
+		<!-- Encoding (UTF-8) -->
+		<meta charset="UTF-8">
 		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+		<!-- Replace this with your website description -->
+		<meta name="description" content="A game idea generator">
+		<!-- Add keywords here -->
+		<meta name="keywords" content="">
 		<link rel="icon" href="../favicon.ico" type="image/x-icon" />
 		<link rel="stylesheet" href="stylesheet.css">
 		<script src="data.js"></script>
@@ -21,4 +27,4 @@
 			<a target="_blank" href="https://www.youtube.com/c/SebastianLague"><img src="Resources/ytbanner.png" width="200" height="50" title="YouTube channel" alt="YouTube channel"></a>
 		</div>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/index.html b/index.html
index 430ef99..4fd9093 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,24 @@
 <!DOCTYPE html>
-<html>
+<html lang='en-us'>
 <head>
-<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
-<link rel="icon" href="favicon.ico" type="image/x-icon" />
-<link rel="stylesheet" href="styles.css">
+	<!-- Encoding (UTF-8) -->
+	<meta charset="UTF-8">
+	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+	<!-- Add your website description here -->
+	<meta name="description" content="">
+	<!-- Add keywords here -->
+	<meta name="keywords" content="">
+	<link rel="icon" href="favicon.ico" type="image/x-icon">
+	<link rel="stylesheet" href="styles.css" type="text/CSS">
+	<!-- Add title here -->
+	<title></title>
 </head>
 <body>
-
-<h1> Hello! </h1>
-<p> This site is under construction </p>
-
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/4QOcCGI6xOU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-
-
+	<div id='content'>
+		<h1>Hello!</h1>
+		<p>This site is under construction</p>
+		<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/4QOcCGI6xOU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+		</iframe>
+	</div>
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 8705f75..4222db7 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,7 @@
 
 body {
 	background-color: #222222;
+	text-align: center;
 }
 
 h1 {
