diff --git a/webapp.html b/webapp.html
index 7179cfc..9aa4ac4 100644
--- a/webapp.html
+++ b/webapp.html
@@ -7,12 +7,40 @@
 		<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
 		<meta http-equiv="pragma" content="no-cache" />
 		<meta name="viewport" content="width=device-width, user-scalable=no">
+
+		<style>
+		body{font-family:Helvetica, Arial, sans-seriff; }
+
+		textarea{
+		  -webkit-appearance: none; -moz-appearance: none;
+		  display: block;
+		  margin: 0;
+		  width: 100%; height: 50px;
+		  line-height: 40px; font-size: 17px;
+		  border: 1px solid #bbb;
+		}
+		 button {
+		 -webkit-appearance: none; -moz-appearance: none;
+		 display: block;
+		 margin: 1.5em 0;
+		 font-size: 1em; line-height: 2.5em;
+		 color: #333;
+		 font-weight: bold;
+		 height: 2.5em; width: 100%;
+		 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
+		 border: 1px solid #bbb;
+		 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
+		}
+
+		</style>
+
+
 		<title>meshed up</title>
 	</head>
 
 	<body>
 		<h2>message</h2>
-		<textarea id="message" rows="3" style="width:100%"></textarea>
+		<textarea id="message" rows="3" style="width:100%"  placeholder="Enter your message"></textarea>
 		<button style="width:100%" id="send">Send</button>
 		<h2>outbox</h2>
 		<ul id="outbox"></ul>
