diff --git a/web/index.html b/web/index.html
index 867e78b..48aec6a 100755
--- a/web/index.html
+++ b/web/index.html
@@ -44,6 +44,8 @@
     <button id="rot-left" class="rot-left">Rotate left</button>
     <button id="rot-right" class="rot-right">Rotate right</button>
     <br><br>
+    <textarea id="name" rows="1" placeholder="Your Name"></textarea>
+    <br>
     <button id="submit-photo" class="photo-buttons">Send</button>
     
 
diff --git a/web/style.css b/web/style.css
index 2a56842..7abd281 100755
--- a/web/style.css
+++ b/web/style.css
@@ -219,6 +219,27 @@ margin:10px;
 
 }
 
+#name{
+    -webkit-appearance: none;
+  -moz-appearance: none;
+
+  display: block;
+  outline:none;
+  width: 98%;
+  margin: 0 auto;
+  line-height: 40px;
+  border:none;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  font-family: inherit;
+  font-size: 20px;
+
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+
+}
 
 #message-form .send-button {
   -webkit-appearance: none;