From b46dae9ff068ce3aeea9f4a7e112085c97dfb121 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Sun, 28 Sep 2025 02:34:35 +0200
Subject: [PATCH] fix skip, back button position

---
 styles.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index cbc0d80..4c6f460 100644
--- a/styles.css
+++ b/styles.css
@@ -134,6 +134,8 @@ body {
     font-family: "Titillium Web", sans-serif;
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
     font-size: 2em;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .details-button {
@@ -596,11 +598,13 @@ body {
     .back-button {
         top: 5em !important;
         left: 0.5em;
+        transform: none;
     }
 
     .skip-button {
         top: 5em !important;
         right: 0.5em;
+        transform: none;
     }
 
     .genres {
@@ -636,11 +640,13 @@ body {
     .back-button {
         top: 5em !important;
         left: 0.5em;
+        transform: none;
     }
 
     .skip-button {
         top: 5em !important;
         right: 0.5em;
+        transform: none;
     }
 
     .genres {
@@ -720,7 +726,8 @@ body {
         transition: background 0.3s, color 0.3s;
         color: #ffffffa1;
         left: 0.5em;
-        top: 5em;
+        top: 50%;
+        transform: translateY(-50%);
     }
 
     .skip-button {
@@ -734,7 +741,8 @@ body {
         transition: background 0.3s, color 0.3s;
         color: #ffffffa1;
         right: 0.5em;
-        top: 5em;
+        top: 50%;
+        transform: translateY(-50%);
     }
 
     .text-container::before {