2 files changed, 22 insertions, 14 deletions

diff --git a/website/index.html b/website/index.html
index 7a7400b..d4777fd 100644
--- a/website/index.html
+++ b/website/index.html
@@ -10,12 +10,14 @@
     <title>Apple converter</title>
 </head>
 <body>
-    <div class="textareaContainer">
-        <textarea data-tilt data-tilt-full-page-listening data-tilt-max="1000" id="input" placeholder="Input"></textarea>
-        <textarea data-tilt data-tilt-full-page-listening data-tilt-max="100" id="output" placeholder="Translation" disabled></textarea>
+    <div class="center">
+        <div class="textareaContainer">
+            <textarea id="input" placeholder="Input"></textarea>
+            <textarea id="output" placeholder="Translation" disabled></textarea>
+        </div>
+        <div id="btnContainer">
+            <button id="copyBtn">copy</button>
+        </div>
     </div>
-    <button data-tilt data-tilt-full-page-listening data-tilt-max="100" id="copyBtn">copy</button>
-    <script defer type="text/javascript" src="vanilla-tilt.min.js"></script>
-    <script src="index.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/website/style.css b/website/style.css
index 8e2e0a8..4dc01c1 100644
--- a/website/style.css
+++ b/website/style.css
@@ -11,16 +11,19 @@ h1 {
 }
 
 body {
-    background-color: #181A1B;
-    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100vh;
+    width: 100vw;
+    background: #181A1B;
 }
 
 .textareaContainer {
-    padding-top: 5vh;
     position: relative;
     display: flex;
     gap: 10px;
-    margin: 10px 0px;
+    padding: 10px;
     height: 60vh;
 }
 
@@ -62,17 +65,17 @@ textarea:focus {
 }
 
 .havOutput {
-    background-color: #1E2021 !important;
+    background: #1E2021 !important;
 }
 
-#copyBtn:hover {
-    background-color: #1e202131;
+#btnContainer {
+    padding: 10px;
+    padding-top: 0px;
 }
 
 #copyBtn {
     background-color: #141414;
     border: #181A1B 1px solid;
-    padding: 10px;
     border-radius: 8px;
     transition: background-color 0.3s, transform 0.3s;
     font-size: 20px;
@@ -116,4 +119,7 @@ textarea:focus {
 
 #copyBtn:active {
     animation: copyBtnAnimation 250ms;
+}
+
+#center {
 }
\ No newline at end of file