Added Figma design and initial navbar work

2024-11-30 17:01:43 -08:00
parent 4a79e97da7
commit 0c40ea93a9
6 changed files with 166 additions and 0 deletions
@@ -0,0 +1,30 @@
+body {
+  margin: 0;
+  font-family: Arial, sans-serif;
+  background-image: url("../images/Clouds.png");
+  background-size: cover; /* Ensure the image covers the entire viewport */
+  background-position: left; /* Center the image */
+  background-attachment: fixed; /* Make the image fixed during scrolling */
+}
+
+.navbar {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  color: #fff;
+  padding: 1rem;
+  text-align: center;
+}
+
+.nav-link {
+  color: #fff;
+  margin-right: 1rem;
+  text-decoration: none;
+}
+
+section {
+  padding: 2rem;
+  color: #fff;
+  margin-top: 2rem;
+}