diff --git a/index.html b/index.html
index 915b6bc..e706795 100644
--- a/index.html
+++ b/index.html
@@ -8,25 +8,19 @@
-
-
-
/dev.space
-
- The digital hackerspace
-
-
-
-
-
-
- /dev.space is a platform providing online services for
- developers to collectively learn and grow.
+
+
+
+ /dev.space
-
- Whether you're freshly starting out, or you are just looking
- to connect with likeminded people. We help you turn your
- project ideas into reality.
+
+ Where developers can collectively learn an grow.
+
+ Whether you're freshly starting out, or you are just looking
+ to connect with likeminded people. Our suite of online services
+ helps you turn your project ideas into reality.
+
diff --git a/styles/hero.css b/styles/hero.css
deleted file mode 100644
index c993f65..0000000
--- a/styles/hero.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.hero {
- align-items: center;
- display: flex;
- height: 100vh;
- justify-content: center;
- font-family: "Work Sans", sans-serif;
-}
-
-.hero__text-area__container {
- text-align: center;
-}
-
-.hero__text-area__heading {
- font-size: 4rem;
- margin: 1rem;
-}
-
-
-.hero__text-area__subheading {
- font-size: 2rem;
-}
-
-@media (min-width: 800px) {
- .hero__text-area__heading {
- font-size: 10rem;
- }
-
- .hero__text-area__subheading {
- font-size: 3rem;
- }
-}
-
-.hero__scroll-arrow {
- font-size: 6rem;
- font-weight: lighter;
- position: absolute;
- bottom: 1rem;
-}
diff --git a/styles/index.css b/styles/index.css
index 62ffa3e..023752a 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -2,8 +2,7 @@
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
/* Components */
-@import url("./hero.css");
-@import url("./introduction.css");
+@import url("./welcome.css");
@import url("./services.css");
body {
diff --git a/styles/introduction.css b/styles/introduction.css
deleted file mode 100644
index fc5d1c9..0000000
--- a/styles/introduction.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.introduction {
- align-items: center;
- display: flex;
- justify-content: center;
- text-align: center;
- margin-bottom: 10rem;
-}
-
-.introduction__container__heading {
- font-size: 2.5rem;
-}
-
-.introduction__container__subheading {
- font-size: 1.5rem;
-}
diff --git a/styles/services.css b/styles/services.css
index 60fc15c..0490c4b 100644
--- a/styles/services.css
+++ b/styles/services.css
@@ -3,11 +3,13 @@
display: flex;
justify-content: center;
text-align: center;
- margin-bottom: 10rem;
+ margin-top: 2rem;
}
.services__heading {
- font-size: 5rem;
+ font-size: 3.3rem;
+ font-weight: bold;
+ margin-bottom: 1rem;
}
.services__offers {
@@ -18,7 +20,6 @@
}
.services__offers__card {
- margin-top: 1.5rem;
width: 15rem;
}
.services__offers__card__heading {
diff --git a/styles/welcome.css b/styles/welcome.css
new file mode 100644
index 0000000..968d1ed
--- /dev/null
+++ b/styles/welcome.css
@@ -0,0 +1,32 @@
+.welcome {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ font-family: "Work Sans", sans-serif;
+}
+
+.welcome__container {
+ margin-top: 8vh;
+ text-align: center;
+}
+
+.welcome__text-area__heading {
+ font-size: 5rem;
+ margin: 1rem;
+ text-align: center;
+}
+
+.welcome__text-area__subheading {
+ font-size: 2rem;
+ text-align: center;
+ margin-top: 0;
+ margin-bottom: 2em;
+}
+
+.welcome__text-area__description {
+ font-size: 1.5rem;
+ /* font-weight: 350; */ /* Can't try out, I don't have multiple weights installed. */
+ text-align: center;
+ margin-left: 12vw;
+ margin-right: 12vw;
+}
\ No newline at end of file