add text-area, stability indicator

static/browser_detect.css

@@ -0,0 +1,69 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: roboto;
+    color: #3d3d3d;
+    --mdc-theme-primary: #007f8b;
+    --mdc-theme-on-primary: #f1f3f4;
+    margin-left: 0px;
+}
+
+.container {
+    position: relative;
+}
+
+
+#predicted_result{
+    position: relative;
+  text-align: left;
+  padding: 10px;
+  background-color: #d3d3d3;
+  border-radius: 12.5px;
+  min-width:calc(10px + 1em);
+  font-weight: bold;
+
+}
+.wrapper_result{
+    position: relative;
+  text-align: left;
+  padding: 10px;
+  background-color: #3e3e3e;
+  margin: 10px;
+  border-radius: 15px;
+
+
+}
+
+
+#text{
+  text-align: center;
+  padding: 10px;
+  background-color: #d3d3d3;
+  margin: none;
+  border-radius: 15px;
+  resize: none;
+  display:block; position:relative;
+  width:100%;
+    font-size:15px;
+
+}
+.wrapper_text{
+    position: relative;
+  text-align: left;
+  padding: none;
+  background-color: #3e3e3e;
+  margin: 10px;
+  border-radius: 15px;
+  overflow-y: hidden;
+}
+#output_canvas{
+    display:block; position:relative;
+}
+#text-to-speech{
+    width:100%;
+    background-color: #3e3e3e;
+    font-size: xx-large;
+    border: none;
+}