diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..9bb348a 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -1,19 +1,39 @@
 <!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">
 </head>
+
 <body>
+    <header>
+        <h1>Iron Comments Lab</h1>
+    </header>
+
+    <form id="form-container" action="enviar" method="post">
+        <label for="name">Name: </label>
+        <input type="text" name="name" id="name">
 
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
+        <label for="email">Email: </label>
+        <input type="email" name="email" id="email" required>
+
+        <label for="comment">Comment: </label>
+        <textarea name="comment" id="comment" rows="7"></textarea>
+
+        <label for="updates" class="updates">
+            <i>Receive email updates?</i>
+            <input type="checkbox" id="updates" name="updates">
+        </label>
+
+        <button type="submit">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..b3bd1c6 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,52 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700');
+
 body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
-    width: 100vw;    
+    width: 100vw;
+
+    font-family: 'Roboto Condensed', sans-serif;
+    font-size: 1em;
+    line-height: 3.5em;
 
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 
+h1 {
+    font-family: 'Roboto Condensed', sans-serif;
+  }
+
+:root {
+    --color-blue: rgb(67, 163, 230);
+    --color-dark-blue: rgb(25, 33, 41);
+    --color-text: rgb(0, 0, 0);
+    --color-blank: #f5f5f5;
+  }
+
 #form-container {
+    padding: 20px;
     margin: auto;
+    display: flex;
+    flex-direction: column;
+    width: 250px;
+    background-color: var(--color-dark-blue);
+    color: var(--color-blank);
 }
+
+button{
+    background-color: var(--color-blue);
+    color: var(--color-blank);
+    border-radius: 10px;
+    width: 30%;
+    padding: 5px 5px;
+    border: none;
+    align-self: flex-start;
+}
+
+.updates{
+    
+}
\ No newline at end of file
