diff --git a/css/style-index.css b/css/style-index.css index 26a015cb..b1d87ffa 100644 --- a/css/style-index.css +++ b/css/style-index.css @@ -77,22 +77,22 @@ select { /* STYLING BEGINS */ body { font-size: 1rem; /* 16px */ - font-family: 'Source Sans Pro', Arial, sans-serif; + font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #FFFFFF; background: #000000; text-align: center; +} + +body, +main { + display: flex; align-items: center; + justify-content: center; + flex-direction: column; } main { - background: #000000; max-width: 56rem; - position: relative; - margin: 0 auto; -} - -.index__banner { - width: 100%; } h1 { @@ -106,32 +106,29 @@ h1 { p { font-size: 1.5rem; - margin-bottom: 2.5rem; } .index__btn-wrapper { display: flex; flex-wrap: wrap; - align-items: center; - justify-content: center; + margin: 1.5rem 0; } .index__link { text-decoration: none; - font: 2rem 'Source Sans Pro', Arial, sans-serif; + font-size: 2rem; font-weight: 600; border: none; - border-radius: 0.625rem; + border-radius: 0.6rem; padding: 1rem 1.25rem; margin: 0.5rem; - background-color: #7A37A3; + background: #7A37A3; color: white; text-transform: uppercase; } .index__link:hover { cursor: pointer; - color: white; - background-color: #BA6FE8; + background: #BA6FE8; transition: 0.5s; } \ No newline at end of file diff --git a/index.html b/index.html index e09e84b3..51ed0217 100644 --- a/index.html +++ b/index.html @@ -21,15 +21,21 @@
- Leilukin's Hub website banner + Leilukin's Hub website banner

Leilukin's Hub

Hello! Welcome to my website!

-
+
Home Page Site Map -
+ + +
\ No newline at end of file diff --git a/not_found.html b/not_found.html index e7fa9959..e0c724e8 100644 --- a/not_found.html +++ b/not_found.html @@ -15,12 +15,15 @@
- Leilukin's Hub website banner + Leilukin's Hub website banner

Page Not Found

+

Oops! Either the page you are looking for does not exist, or it has been moved to a diffrent part of this site.

- 🏠 Back to Home +
+ 🏠 Back to Home +
- + \ No newline at end of file