diff --git a/index.html b/index.html
index 403b35d..242898b 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
Space
"Recovery is not one and done. It is a lifelong journey that takes place one day, one step at a time." - Unknown
"When you're feeling your worst, that's when you get to know yourself the best." - Leslie Grossman
"Your mind is a powerful thing. When you fill it with positive thoughts, your life will start to change." - Unknown
- "Mental health is just as important as physical health." - Unknown
+
"You are allowed to be both a masterpiece and a work in progress simultaneously." - Sophia Bush
"Mental health needs a great deal of attention. It's the final taboo and it needs to be faced and dealt with." - Adam Ant
diff --git a/style-landing.css b/style-landing.css
index da2e06b..749aac3 100644
--- a/style-landing.css
+++ b/style-landing.css
@@ -12,14 +12,14 @@ body {
.bg-img-land img {
filter: blur(0.7458557588805167vh);
width: 100vw;
- height: 70vh;
+ height: 100vh;
}
/* Heading and subtitle */
.heading-subtitle {
text-align: center;
display: block;
- transform: translateZ(21.52852529601722vh);
+ transform: translateX(2.628525296vh);
}
.heading {
@@ -28,16 +28,25 @@ body {
justify-content: center;
font-size: 5.382131324004305vh;
font-weight: 900;
- margin-top: -45.821313240043054vh;
+ margin-top: -55.821313240043054vh;
text-shadow: 0 0 0.0458557588805167vh black;
+ padding-bottom: 5vh;
}
.mind {
color: #72d34f;
+ text-shadow: -1px 1px 0 #000,
+ 1px 1px 0 #000,
+ 1px -1px 0 #000,
+ -1px -1px 0 #000;
}
.space {
- color: #edeff4;
+ color: #ffffff;
+ text-shadow: -1px 1px 0 #000,
+ 1px 1px 0 #000,
+ 1px -1px 0 #000,
+ -1px -1px 0 #000;
}
.find {
@@ -50,13 +59,13 @@ body {
text-align: center;
align-items: center;
justify-content: center;
- color: #2cbdc2;
+ color: #2cc25c;
overflow: hidden;
}
.dynamic-text {
margin-left: -20px;
- margin-top: 150px;
+ margin-top: 10px;
height: 90px;
line-height: 0px;
overflow: hidden;
@@ -87,13 +96,6 @@ body {
content: "";
position: absolute;
}
-/* Entry Button */
-.button {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 50px;
-}
/* Entry Button */
.button {
@@ -101,6 +103,7 @@ body {
align-items: center;
justify-content: center;
margin-top: 50px;
+
}
@@ -115,7 +118,8 @@ button {
font-size: 18px; /* Adjusted font size */
font-weight: 700;
cursor: pointer;
- transition: all 0.3s ease; /* Added smooth transition */
+ transition: all 0.3s ease-in; /*Added smooth transition*/
+ position: relative;
}
button:hover {