Update app.py

app.py

@@ -133,13 +133,22 @@ with gr.Blocks(css="""
     .genbut { max-width: 50px; max-height: 30px; width:150px; height:30px}
     .stopbut { max-width: 50px; max-height: 30px; width:150px; height:30px}
     .float.svelte-1mwvhlq {    position: absolute;    top: var(--block-label-margin);    left: var(--block-label-margin);    background: none;    border: none;}
-    textarea {    overflow-y: scroll;  top:0px;   width: 100%;  height:100%!important; }
+    textarea {    overflow-y: scroll;  top:0px;   width: 100%;  height:100%!important;
+    
+    font-size: 1.5em;
+    letter-spacing: 3px;
+    color: limegreen;
+    border: none;
+    background: none;
+    outline: none !important; }
     .svelte-5y6bt2 {max-height:161px;min-height:160px;}
     .hide-container {    max-height: 2px;    position: fixed;    min-height: 1px;}
     .svelte-1gfkn6j {display:none;}
     .gradio-container .gri-textbox .gri-input {        border: none;        padding: 0;        background: transparent;        box-shadow: none;    }
     
-    .padded.svelte-5y6bt2 {  padding: 0px!important; min-width:100%!important; max-width:101%!important;position:relative;right:0px;max-height:100%; }
+    .padded.svelte-5y6bt2 { 
+    background: none;
+    border: none; padding: 0px!important; min-width:100%!important; max-width:101%!important;position:relative;right:0px;max-height:100%; }
     .secondary.svelte-1137axg {
     width: 200px;
     flex: none!important;
@@ -196,6 +205,8 @@ div.svelte-633qhp {
     align-items: flex-end;
     bottom: 0px;
     
+    background: none;
+    border: none;
     left: 0px;
     right: 0px;
 }