diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..4beb43d 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -9,10 +9,23 @@
     
     <link rel="stylesheet" type="text/css" href="./styles/style.css">
 </head>
+
 <body>
 
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
+    <form id="form-container" class="form">
+        <label for="name">Name:</label>
+        <input id="name" type="text" class="formInput"/>
+
+        <label for="email">Email:</label>
+        <input id="email" type="email" class="formInput" />
+
+        <label for="comment">Comment:</label>
+        <textarea id="comment" class="formInput"></textarea>
+
+        <label for="updates" class="labelUpdates">Receive email updates? <input id="updates" type="checkbox" /> </label>
+        
+        
+        <button class="submitButton">Submit</button>
     </form>
 
 </body>
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..cff03c3 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -2,10 +2,48 @@ body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
-    width: 100vw;    
+    width: 100vw;
+    background-color: rgb(25, 33, 41);    
 
 }
 
+
 #form-container {
     margin: auto;
 }
+
+.form {
+    color: rgb(255,255,255);
+    width: 250px;
+    border: 3px solid rgb(67, 163, 230);
+    border-radius: 2%;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+.form label {
+    margin: 3px 0;
+    display: block;
+}
+
+.formInput {
+    width: 85%;
+}
+
+#comment {
+    height: 150px;
+}
+
+.labelUpdates {
+    font-style: italic;
+}
+
+.submitButton {
+    background-color: rgb(67, 163, 230);
+    color: rgb(255,255,255);
+    border-radius: 12px;
+    padding: 5px;
+    border: none;
+}
+
+
