From c0146cca3e785e9157baee556f7d01361372c4ea Mon Sep 17 00:00:00 2001
From: Marina Terentii <125751323+Artentii@users.noreply.github.com>
Date: Sat, 22 Jul 2023 19:15:58 +0200
Subject: [PATCH] Style that broke in the discover page fixed

---
 css/immersive.css   | 41 ++++++++++++++++++++++++++++++++++++++++-
 css/loving.css      |  6 +++++-
 css/vicentslife.css |  3 +++
 3 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/css/immersive.css b/css/immersive.css
index b1aaad9..ac2eeab 100644
--- a/css/immersive.css
+++ b/css/immersive.css
@@ -390,7 +390,42 @@ body {
     opacity: 1;
   }
 }
+/* MEDIA QUERIES */
 
+/* MEDIA QUERY FOR HEADER SHARED BY ALL PAGES */
+/* MENU & HEADER */
+@media screen and (max-width: 770px) {
+  .Header-signature {
+    display: none;
+  }
+  .Nav-link {
+    font-size: 4rem;
+  }
+}
+@media screen and (max-width: 600px) {
+  .Nav-link {
+    font-size: 4rem;
+  }
+  .Nav-img {
+    display: none;
+  }
+  .Header-li {
+    transition: none;
+  }
+  .Header-li:hover .Nav-link {
+    animation: none;
+  }
+}
+@media screen and (max-width: 525px) {
+  .Nav-link {
+    font-size: 3rem;
+  }
+}
+@media screen and (max-width: 400px) {
+  .Nav-link {
+    font-size: 2.5rem;
+  }
+}
 /* MEDIA QUERIES - Making the design RESPONSIVE*/
 @media screen and (max-width: 750px) {
   .Immersive-btn{
@@ -419,11 +454,15 @@ body {
   .Immersive-p{
     font-size: .9rem;
   }
+  .Immersive-btn{
+    border-radius: 1.5rem;
+  }
   .Immersive-btn:hover{
    background-color: #ffd147;
    border-color: #3a6ed1;
    color: #3a6ed1;
    box-shadow: 1px 1px 1px #22488f;
-   text-shadow: .5px .5px .5px #22488f;
+   text-shadow: none;
+   transform: none;
   }
 }
\ No newline at end of file
diff --git a/css/loving.css b/css/loving.css
index c267b0b..56101a0 100644
--- a/css/loving.css
+++ b/css/loving.css
@@ -445,11 +445,15 @@ body {
   .Loving-p {
     font-size: 0.9rem;
   }
+  .Loving-btn{
+    border-radius: 1.5rem;
+  }
   .Loving-btn:hover {
     background-color: #ffd147;
     border-color: #3a6ed1;
     color: #3a6ed1;
     box-shadow: 1px 1px 1px #22488f;
-    text-shadow: 0.5px 0.5px 0.5px #22488f;
+    text-shadow: none;
+    transform: none;
   }
 }
diff --git a/css/vicentslife.css b/css/vicentslife.css
index 9c585a7..9faa67d 100644
--- a/css/vicentslife.css
+++ b/css/vicentslife.css
@@ -597,5 +597,8 @@ body {
   .Column-frame {
     border-color: #ffd147;
   }
+  .Main{
+    height: 75vh;
+  }
 }
 /* ---- Fin de las Media Queries ---- */