From d4f3917fa205145d2a24f1b57b27493cf927e2da Mon Sep 17 00:00:00 2001
From: mhmdali102 <mhmdali102@bk.ru>
Date: Tue, 1 Nov 2022 19:25:08 +0200
Subject: [PATCH] fix and-more overflow on hover

---
 public/css/home.css | 8 ++++++--
 views/home.ejs      | 6 ++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/public/css/home.css b/public/css/home.css
index c94c7d4..02271d6 100644
--- a/public/css/home.css
+++ b/public/css/home.css
@@ -452,15 +452,19 @@ header {
 
 .and-more h1 {
   padding-top: 30px;
-  width: 100%;
+  width: fit-content;
+  margin-inline: auto;
   font-size: 53px;
   text-align: center;
-  color: #cfe8f6;
   font-family: "JosefinSans-Regular";
   background-color: #1a1a2e;
   transition: all 0.5s ease;
 }
 
+.and-more a {
+  color: #cfe8f6;
+}
+
 .and-more h1:hover {
   color: aquamarine;
   transform: scale(1.2);
diff --git a/views/home.ejs b/views/home.ejs
index 27d660e..dc78a41 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -141,7 +141,9 @@
 </div>
 </div>
 <div class="and-more">
-  <a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;"><h1>And More!</h1></a>
+  <h1>
+    <a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;">And More!</a>
+  </h1>
 </div>
 <div class="get-started">
   <div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div>
@@ -205,4 +207,4 @@
 <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
     <script src="js/swiper.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>