changed it to upper so hover dont conflict with focus pesudo

1 files changed, 12 insertions, 8 deletions

diff --git a/website/style.css b/website/style.css
index 683263e..a1eb34f 100644
--- a/website/style.css
+++ b/website/style.css
@@ -36,6 +36,10 @@ textarea:focus {
     outline: none;
 }
 
+#input:hover {
+    background: #1e202131;
+}
+
 #input {
     resize: none;
     background: #141414;
@@ -47,20 +51,24 @@ textarea:focus {
     background: #1E2021 
 }
 
-#input:hover {
-    background: #1e202131;
-}
-
 #output {
     resize: none;
     background: #141414;
     transition: all 0.3s;
 }
 
+#output:hover {
+    background: #1e202131;
+}
+
 .havOutput {
     background: #1E2021 !important;
 }
 
+#copyBtn:hover {
+    background: #1e202131;
+}
+
 #copyBtn {
     background: #141414;
     border: #181A1B 1px solid;
@@ -76,10 +84,6 @@ textarea:focus {
     outline: none;
 }
 
-#copyBtn:hover {
-    background: #1e202131;
-}
-
 @keyframes copyBtnAnimation {
     0% {
         transform: scale(1.1);