diff --git a/index.html b/index.html
index 13a2fe0..70a1c13 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,33 @@
+<html lang="en-US">
 <head>
     <link rel="stylesheet" href="style.css">
+
+	<!-- metadata -->
+	<meta charset="UTF-8">
+	<meta name="author" content="Luna">
+
+	<meta name="og:title" content="Text Adventure">
+	<meta name="og:description" content="A small text adventure made in javascript by a beautiful girl">
+	<meta name="og:image" content="/greaterthans.png">
+
+	<link rel="icon" href="/greaterthans.png">
+
 </head>
 <body>
+	<!-- top of terminal window -->
     <div id="roundedtop"><h2 id="terminal">Terminal</h2><h2 id="fakebuttons">_ &#9744 X</h2></div>
+	<!-- the main text area -->
     <div id="userText">
         <p></p>
     </div>
+	<!-- user input -->
     <input type="text" id="userInput" name="inputBox" placeholder="Command">
-    <div id="infobox"><h4>Info:</h4><p>This game and website are a complete work in progress. None of this is final. If you have any suggestions feel free to contact Luna.</p></div>
+	<!-- info box at the bottom -->
+	<div id="infobox"><h4>Info:</h4><p>This game and website are a complete work in progress. None of this is final. If you have any suggestions feel free to contact <a href="https://kitty.lgbt/about/" alt="Luna's contact info">Luna</a>.</p></div>
+	<!-- load scripts -->
     <script src="verbhandler.js"></script>
     <script src="inventory.js"></script>
     <script src="locations.js"></script>
     <script src="index.js"></script>
-</body>
\ No newline at end of file
+</body>
+</html>
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..1990297
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,2 @@
+User-agent: Googlebot
+Disallow: /
diff --git a/style.css b/style.css
index 72c85cb..0dc2aee 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,14 @@
+:root {
+	--term-colour: white;
+	--term-bg-colour: #3C3C3C;
+	--main-colour: white;
+	--main-bg-colour: #3C3C3C;
+	--body-bg-colour: black;
+}
+
 body {
     text-align: center;
-    background-color: black;
+    background-color: var(--body-bg-colour);
     font-family: "Courier New", monospace;
 }
 
@@ -8,27 +16,43 @@ p {
     padding-left: 1%;
 }
 
+a {
+	color: #fdffea;
+}
+
 #fakebuttons {
     margin: auto;
     padding-top: 1%;
     text-align: right;
     float: right;
     padding-right: 2%;
+	user-select: none;
 }
 
 #terminal {
     display:inline-block;
     font-weight: bolder;
 }
+h2#terminal {
+	margin: 10px;
+	padding-left: 12%;
+	align-content: center;
+}
 
 #infobox {
     text-align: center;
     background: rgb(60, 60, 60);
-    color:white;
+    color: var(--main-colour);
     width: 50%;
     height: 10%;
     margin-left: 25%;
     margin-top: 5%;
+	padding-bottom: 10px;
+	border-radius: 2px;
+}
+
+h4 {
+	padding: 5px;
 }
 
 #roundedtop {
@@ -37,14 +61,14 @@ p {
     border-color: rgb(60, 60, 60);
     border-bottom: solid;
     border-bottom-color: darkgray;
-    border-width: 1px;
+    border-width: 2px;
     height: 5%;
     width: 50%;
     margin-top: 5%;
     margin-left: 25%;
     background-color: rgb(60, 60, 60);
     position: relative;
-    color:white;
+    color: var(--main-colour);
     font-weight: bolder;
     word-spacing: 10px;
     text-align: center;
@@ -53,8 +77,8 @@ p {
 #userText {
     margin-left: 25%;
     justify-content: center;
-    background-color: rgb(60, 60, 60);
-    color: white;
+    background-color: var(--term-bg-colour);
+    color: var(--term-colour);
     text-align: left;
     height: 45%;
     width: 50%;
@@ -68,13 +92,14 @@ p {
     background-image: url('./greaterthans.png');
     background-position: 10px 10px; 
     background-repeat: no-repeat;
-    background: rgb(60, 60, 60);
-    color: white;
+    background: var(--term-bg-colour);
+    color: var(--term-colour);
     border-top: solid;
     border-color: darkgray;
-    border-width: 1px;
+    border-width: 2px;
+	font-family: monospace;
 }
 
 #userInput:focus {
     outline: none;
-}
\ No newline at end of file
+}
