diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..bf53d0e 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -1,19 +1,36 @@
 <!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>
+  <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>
     <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
-    </form>
+      <label for="fname">
+        Name: <br/>
+        <input type="text" id="fname" required />
+      </label>
+      <br/>
 
-</body>
-</html>
\ No newline at end of file
+      <label for="femail">Email: <br />
+        <input type="email" id="femail" required minlength="7"/>
+      </label>
+      <br>
+
+      <label for="fcomment">Comment: <br />
+        <textarea id="fcomment" class="text-area" required></textarea>
+      </label>
+      <br />
+      <label for="fupdates">Recieve email updates?
+        <input type="checkbox" id="fupdates"/>
+      </label>
+      <br>
+      <button type="submit">Submit</button>
+    </form>
+  </body>
+</html>
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..01dcf9e 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,63 @@
+:root {
+    --Dark-Blue: rgb(25, 33, 41);
+    --Light-Blue:  rgb(67, 163, 230);
+    --Text: rgb(255,255,255);
+  }
+
 body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
     width: 100vw;    
-
+    background-color: var(--Dark-Blue);
+    color:  var(--Text);
+    text-decoration: solid;
 }
 
 #form-container {
+    padding-top: 1em;
+    padding-left: 1em;
+    padding-bottom: 1em;
     margin: auto;
+    width: 250px;
+    border-color: var(--Light-Blue);
+    border-style: solid;
+}
+
+#from-container input{
+    float: left;
+}
+
+#femail,
+#fname{
+    width: 75%;
+    margin-bottom: 1%;
+}
+
+
+label {
+    width: 75%;
+    margin-bottom: 1%;
+}
+
+.text-area {
+    width: 75%;
+    max-width: 95%;
+    height:175px;
+    margin-bottom: 1%;
 }
+
+label[for=fupdates] {
+    font-style: italic;
+    width: auto;
+}
+
+button {
+    margin-top: 2%;
+    background-color: var(--Light-Blue);
+    color: var(--Text);
+    padding: 6px 6px;
+    border: none;
+    border-radius: 12px;
+    cursor: pointer;
+}
\ No newline at end of file
