diff --git a/css/main.css b/css/main.css
index 863cede..4e94fda 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,5 +1,6 @@
* {
--page-bg: rgb(22, 41, 216);
+ --banner-dark-bg: rgb(32, 2, 145);
--banner-bg: rgb(255, 255, 255);
--button-bg: rgb(234, 215, 73);
--button-hover: rgb(219, 200, 58);
@@ -13,10 +14,13 @@
src: url(../assets/Navigo-Bold.ttf);
}
+html {
+ scroll-behavior: smooth;
+}
+
body {
font-family: Navigo Bold;
background-color: var(--page-bg);
- scroll-behavior: smooth;
}
a {
@@ -24,7 +28,8 @@ a {
}
nav {
- position: sticky;
+ position: fixed;
+ width: 100vw;
top: 0;
z-index: 9;
display: flex;
@@ -46,12 +51,19 @@ nav a:hover {
.main-banner {
position: relative;
background-color: var(--banner-bg);
- top: 6rem;
+ top: 50vh;
+ transform: translateY(-50%);
left: 4.5rem;
padding: 1rem 2.5rem;
width: 550px;
}
+.main-banner img {
+ display: block;
+ margin: 1.5rem auto;
+ width: 70%;
+}
+
.main-banner-buttons {
display: flex;
}
diff --git a/index.html b/index.html
index b9dfb4d..51f18a7 100644
--- a/index.html
+++ b/index.html
@@ -4,20 +4,21 @@
+
Miles Linden for City Council
-