From e21c56ac3fe9dcd5e6169aceb204d7044fe7141b Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Fri, 22 Jan 2021 19:40:37 +0100
Subject: [PATCH] textarea focus, outline and caret color

---
 css/style.css | 9 ++++++++-
 index.html    | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index cf49163..27142d1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -113,18 +113,25 @@ textarea {
     text-align: left;
     background-color: rgba(0, 0, 0, 0);
     color: #fff;
+    caret-color: #fff;
     border: 1px solid #e3ebf7;
-    padding: 0;
+    padding: 2px;
     margin: 2px;
     overflow-x: hidden;
     overflow-y: scroll;
     overflow-wrap: normal;
 }
 
+textarea:focus {
+    outline: #fff 1px solid;
+    outline-offset: 0;
+}
+
 textarea::placeholder {
     color: rgba(255, 255, 255, 0.5);
     font-size: 1rem;
     text-align: center;
+    caret-color: #fff;
 }
 
 #save-area {
diff --git a/index.html b/index.html
index 7925deb..da7a2ed 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
     </p>
 
     <div>
-        <textarea name="save-area" id="save-area" rows="6" autofocus spellcheck="false" placeholder="Paste (Ctrl + V) your decoded save here..."></textarea>
+        <textarea name="save-area" id="save-area" rows="6" autofocus spellcheck="false" placeholder="Paste (Ctrl + V) your decoded save here..." autofocus></textarea>
 
         <div class="buttons">