From de561e864bc559aeaae05a789e5611323fc46208 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Thu, 11 Apr 2024 22:49:35 +0800
Subject: improved transition so it won't lag the tilt

---
 website/style.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/website/style.css b/website/style.css
index a1eb34f..8e2e0a8 100644
--- a/website/style.css
+++ b/website/style.css
@@ -11,7 +11,7 @@ h1 {
 }
 
 body {
-    background: #181A1B;
+    background-color: #181A1B;
     padding: 10px;
 }
 
@@ -37,44 +37,44 @@ textarea:focus {
 }
 
 #input:hover {
-    background: #1e202131;
+    background-color: #1e202131;
 }
 
 #input {
     resize: none;
-    background: #141414;
+    background-color: #141414;
     border: #181A1B 1px solid;
-    transition: all 0.3s;
+    transition: background-color 0.3s, transform 0.3s;
 }
 
 #input:focus {
-    background: #1E2021 
+    background-color: #1E2021 
 }
 
 #output {
     resize: none;
-    background: #141414;
-    transition: all 0.3s;
+    background-color: #141414;
+    transition: background-color 0.3s, transform 0.3s;
 }
 
 #output:hover {
-    background: #1e202131;
+    background-color: #1e202131;
 }
 
 .havOutput {
-    background: #1E2021 !important;
+    background-color: #1E2021 !important;
 }
 
 #copyBtn:hover {
-    background: #1e202131;
+    background-color: #1e202131;
 }
 
 #copyBtn {
-    background: #141414;
+    background-color: #141414;
     border: #181A1B 1px solid;
     padding: 10px;
     border-radius: 8px;
-    transition: all 0.3s;
+    transition: background-color 0.3s, transform 0.3s;
     font-size: 20px;
     width: 100%;
     height: 100px;
@@ -110,7 +110,7 @@ textarea:focus {
 }
 
 #copyBtn:disabled {
-    background: #1E2021;
+    background-color: #1E2021;
     animation: shake 250ms infinite;
 }
 
-- 
cgit v1.2.3