diff --git a/src/index.html b/src/index.html index 2aa0fd6..bb38dec 100644 --- a/src/index.html +++ b/src/index.html @@ -25,19 +25,17 @@ limitations under the License. -
+
diff --git a/src/static/css/main.css b/src/static/css/main.css index c2c5f47..38262a5 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -1,8 +1,10 @@ body { margin: 0; + min-height: 100vh; background-color: #ffffff; font-size: 16px; } + .content-background { background: radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%), @@ -14,19 +16,25 @@ body { .global-header { text-align: center; + display: flex; + flex-direction: column; + align-items: center; + padding-top: 40px; } .global-header h1 { display: inline-block; - margin-bottom: 0; + margin: 0; + line-height: 1; background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; + font-size: 6rem; } .slogan{ - margin-top: 0; + margin: 0; font-size: small; } @@ -45,6 +53,7 @@ form { align-items: center; width: 80%; border: 1.5px solid #ccc; + box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); padding-left: calc(var(--submit-button-content-height) + var(--padding)); diff --git a/src/static/css/nav/navbar/navbar.css b/src/static/css/nav/navbar/navbar.css index 01cfda1..652063d 100644 --- a/src/static/css/nav/navbar/navbar.css +++ b/src/static/css/nav/navbar/navbar.css @@ -1,7 +1,25 @@ .global-nav { display: flex; - justify-content: center; - padding: 10px 0; + justify-content: space-between; + align-items: center; + padding: 10px 40px; +} + +.global-nav ul { + display: flex; + gap: 20px; + list-style: none; + margin: 0; + padding: 0; +} + +.global-nav ul a{ + text-decoration: none; + color: black; +} + +.global-nav ul a:hover{ + text-decoration: underline; } .global-nav ul {