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