diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..d538434 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -1,19 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    
-    <title> Iron Comments </title>
-    
-    <link rel="stylesheet" type="text/css" href="./styles/style.css">
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <title> Iron Comments </title>
+
+  <link rel="stylesheet" type="text/css" href="./styles/style.css">
 </head>
+
 <body>
 
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
-    </form>
+  <form id="form-container">
+    <label for="name">Name:<br>
+      <input type="text" name="name" class="text-input">
+    </label><br>
+    <label for="email">Email:<br>
+      <input type="email" name="email" class="text-input">
+    </label><br>
+    <label for="comment">Comment:<br>
+      <textarea name="comment" class="text-input" rows="10"></textarea>
+    </label><br>
+    <label for="checkbox" id="checkbox">Receive email updates?<input type="checkbox" name="newsletter" id="checkbox-selector"/></label>
+    <br>
+    <button type="button" id="button">Submit</button>
+
+  </form>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..47d15ba 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,51 @@
 body {
-    padding: 0;
-    margin: 0;
-    padding-top: 100px;
-    width: 100vw;    
-
+  padding: 0;
+  margin: 0;
+  padding-top: 100px;
+  width: 100vw;
+  background-color: rgb(25, 33, 41);
+  color: rgb(255, 255, 255);
+  font-size: 1em;
+  font-weight: bold;
 }
 
 #form-container {
-    margin: auto;
+  margin: auto;
+  width: 250px;
+  border: 2px solid rgb(67, 163, 230);
+  padding: 20px 54px 20px 20px;
+  box-sizing: border-box;
+  border-radius: 2px;
+}
+
+#button {
+  color: rgb(255, 255, 255);
+  background-color: rgb(67, 163, 230);
+  border: none;
+  border-radius: 12px;
+  height: 30px;
+  font-size: 12px;
+  font-weight: lighter;
+  margin-top: 6px;
+}
+
+.text-input {
+  width: 100%;
+  border: 1px solid rgb(67, 163, 230);
+  border-radius: 2px;
+  font-weight: bold;
+  box-sizing: border-box;
 }
+
+#checkbox {
+  font-style: italic;
+}
+
+input,
+textarea {
+  margin: 4px 0 4px 0;
+}
+
+#checkbox-selector {
+  margin: 0 0 0 5px;
+}
\ No newline at end of file
