diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..7d1811a 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -7,13 +7,30 @@
     
     <title> Iron Comments </title>
     
-    <link rel="stylesheet" type="text/css" href="./styles/style.css">
+    <link rel="stylesheet" type="text/css" href="/iron-comments/styles/style.css">
 </head>
 <body>
 
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
-    </form>
+    <div class="mi-form">
+    <form id="form-container" action="/some-url" method="get">
+        <label for="name" class="text-label">Name:</label><br>
+        <input type="text" id="name" name="name" class="label">
+        <br>
+
+        <label for="email" class="text-label">Email: </label><br>
+        <input type="email" id="email" class="label">
+        <br>
+
+        <label for="comment" class="text-label">Comment:</label><br>
+        <textarea id="comment" name="comment" rows="12" cols="18" class="label"></textarea>
+        <br>
+         
+        <form class= "check" action="/some-url" method="get">
+            <p class="check-box-text">Receive email updates? <input class="input-label" type="checkbox" name="agreement" class="label"></p>
+            <button class="button">Submit </button>
+          </form>
+        </form>
+    </div>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..8894ff1 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,50 @@
+*{
+    box-sizing: border-box;
+  }
+
 body {
     padding: 0;
     margin: 0;
-    padding-top: 100px;
-    width: 100vw;    
+    background-color: rgb(25, 33, 41);
+    color: rgb(255,255,255);
+}
+
+.text-label {
+    font-weight: bold;
+}
+
+.check-box-text {
+    font-style: italic;
+    
+}
 
+.button {
+    font-weight: 100;
+    background-color: rgb(67, 163, 230);
+    color: rgb(255,255,255);
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    border-radius: 40px;
+    border-color: rgb(67, 163, 230);
 }
 
-#form-container {
-    margin: auto;
+.mi-form {
+    margin: 100px 400px ;
+    border: 2px solid rgb(67, 163, 230);
+    border-radius: 3px;
+    width: 250px;
+    padding: 25px 20px 25px 20px;
 }
+
+.label {
+    border: 1px solid rgb(67, 163, 230);
+    border-radius: 1px;
+    width: 180px;
+}
+
+.input-label {
+    width: 20px;
+}
+
