From 24229078a569b638f17222029ba31c2e96638292 Mon Sep 17 00:00:00 2001
From: LEGALISE_PIRACY <legalise_piracy@noreply.codeberg.org>
Date: Mon, 11 Mar 2024 03:30:16 +0000
Subject: [PATCH] Update style.css

---
 style.css | 65 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 44 insertions(+), 21 deletions(-)

diff --git a/style.css b/style.css
index 40bbd8a5..2cbed909 100644
--- a/style.css
+++ b/style.css
@@ -41,45 +41,68 @@ body {
 	background-size: cover;
 	background-attachment: fixed;
 }
+
 header,
 footer {
-	background-color: var(--uibg);
-	display: flex;
-	padding: 0.7rem;
-	width: 100%;
-	z-index: 1;
-	justify-content: center;
+    background-color: var(--uibg);
+    display: flex;
+    padding: 0.7rem;
+    width: 100%;
+    z-index: 1;
+    justify-content: center;
+    text-align: center; 
+    font-weight: 700;
+    text-decoration: none;
 }
+
 header {
-	top: 0;
-	border-radius: 0 0 20px 20px;
-	position: fixed;
-	box-shadow: 0 5px 10px var(--uibg);
+    top: 0;
+    border-radius: 0 0 20px 20px;
+    position: fixed;
+    box-shadow: 0 5px 10px var(--uibg);
 }
+
 footer.noscroll {
-	position: fixed;
-	overflow: hidden;
+    position: fixed;
+    overflow: hidden;
 }
+
 footer {
-	bottom: 0;
-	border-radius: 20px 20px 0 0;
-	box-shadow: 0 -5px 10px var(--uibg);
+    bottom: 0;
+    border-radius: 20px 20px 0 0;
+    box-shadow: 0 -5px 10px var(--uibg);
 }
+
 footer a,
 footer a:visited,
 header a,
 header a:visited {
-	text-align: center;
-	font-weight: 700;
-	text-decoration: none;
-	margin-right: 2rem;
-	margin-left: 1rem;
+    margin-right: 2rem;
+    margin-left: 1rem;
 }
 
 footer a:hover,
 header a:hover {
-	text-shadow: 2px 2px 6px var(--textcolor);
+    text-shadow: 2px 2px 6px var(--textcolor);
 }
+
+
+@media only screen and (max-width: 768px) {
+    header,
+    footer {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    header {
+        border-radius: 0;
+    }
+
+    footer {
+        border-radius: 0;
+    }
+}
+
 main {
 	animation: 1.25s ease-in-out 0s 1 loadInAnimation;
 	align-items: center;