Update style.css

Author: Interactive Story Plan

style.css

@@ -1,12 +1,12 @@
 body {
  background: #101010;
  overflow: hidden;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 h1 {
  position: absolute;
  font-size: 30px;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: rgb(230, 230, 230);
  text-align: center;
  left: 8.5em;
@@ -28,7 +28,6 @@ h1 {
 h2 {
  position: absolute;
  font-size: 13px;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: rgb(200, 200, 200);
  text-align: center;
  padding: 15em;
@@ -48,9 +47,48 @@ h2 {
 h6 {
  position: absolute;
  font-size: 13px;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: rgb(160, 160, 160);
  text-align: center;
  top: -0.5em;
  left: 30.5em;
-}
+}
+
+header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ padding: 0.3px 45em;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 10000;
+}
+
+header ul {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+header ul li {
+ list-style: none;
+ margin-left: 20px;
+}
+
+header ul li a {
+ padding: 3px 10px;
+ color: #fff;
+ border-radius: 20px;
+}
+
+header ul li a:hover,
+header ul li a.active {
+ background: #fff;
+ color: #2b1055;
+}
+
+a {
+ text-decoration: none;
+ color: rgb(215, 215, 215);
+}