diff --git a/css/discord.css b/css/discord.css index dff6515..9af213d 100644 --- a/css/discord.css +++ b/css/discord.css @@ -20,7 +20,9 @@ } body { - font: 16px 'Roboto', sans-serif; + box-sizing: border-box; + font-family: 'raleway'; + font-size: 16px; background-color: var(--color-bg); } diff --git a/css/index.css b/css/index.css index 09e5595..fa66fe3 100644 --- a/css/index.css +++ b/css/index.css @@ -23,6 +23,12 @@ body { font-family: 'raleway'; background-color: var(--color-bg); } +header { + position: sticky; + top: 0; + background-color: #1d1283; + margin: 0px; +} h1 { font-size: 4.5rem; @@ -282,7 +288,7 @@ footer { @media (max-width: 1024px) { .rds-logo-banner { display: block; - margin: 25px auto 0px auto; + margin: 0px auto 0px auto; } h1 { diff --git a/css/navbar-linked-pages.css b/css/navbar-linked-pages.css index 9c66e66..c3e694a 100644 --- a/css/navbar-linked-pages.css +++ b/css/navbar-linked-pages.css @@ -1,5 +1,8 @@ nav { font-weight: 700; + position: sticky; + top: 0; + background-color: #1d1283; } nav li a { diff --git a/css/navbar.css b/css/navbar.css index 273ba95..1ba634b 100644 --- a/css/navbar.css +++ b/css/navbar.css @@ -1,6 +1,9 @@ nav { font-family: 'roboto'; font-weight: 700; + position: sticky; + top: 0; + background-color: #1d1283; } .nav-menu { @@ -15,16 +18,16 @@ nav li { } .rds-logo { - height: 100px; - width: 100px; - margin: 20px; + height: 50px; + width: 50px; + margin: 10px 20px; } .nav-element { display: block; text-decoration: none; color: #ffffff; - margin: 55px 40px; + margin: 30px 40px; } .nav-element.active-tab { @@ -42,7 +45,9 @@ nav li { position: absolute; right: 0; top: 0; - margin: 50px 40px; + margin-top: 32px; + margin: 10px; + padding: 12px; } .btn-login-text { @@ -52,6 +57,7 @@ nav li { color: white; cursor: pointer; border: 2px solid white; + display: flex; } .user-greet { @@ -114,12 +120,13 @@ nav li { .hamburger { display: inline-block; - margin: 20px; + margin: 10px; cursor: pointer; } .nav-login { - margin: 20px 20px; + margin-top: auto; + margin-bottom: 10px; } nav li { @@ -127,8 +134,7 @@ nav li { } .nav-element { - padding: 10px 40px; - margin: 10px; + padding: 10px 10px; } .nav-element.active-tab { diff --git a/index.html b/index.html index c512d07..1010c10 100644 --- a/index.html +++ b/index.html @@ -32,90 +32,89 @@ -
-
-
-
-
-
-
+
+
+
+
+
+
- - - -
+ +
  • + + Home + +
    • +
  • + + Welcome + +
    • +
  • + + Events + +
    • +
  • + + Members + +
    • +
  • + + Crypto + +
    • +
  • + + Status + +
    • + + + + +
    +