Update ExemplePage.scss

src/style/ExemplePage.scss

@@ -1,10 +1,9 @@
 .header {
   width: 100%;
-  height: 130px;
   border-radius: 5px;
   display: flex;
   align-items: center;
-  justify-content: center;
+  flex-direction: column;
   background-color: #2a2f3b;
   margin-bottom: 8px;
 
@@ -12,13 +11,46 @@
     font-size: 57px;
     color: white;
     font-family: 'Times New Roman', Times, serif;
+    margin: 40px 0 12px 0;
+  }
+
+  &__logoBox {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
   }
 
   &__logo {
-    width: 11%;
-    margin-left: 25px;
-    border-radius: 60px;
+    width: 13%;
+    height: 16%;
     border: 1px solid #525252;
+    border-radius: 50%;
+
+    margin: 22px 0 0 29px;
+  }
+
+  .navlist {
+    display: flex;
+    justify-content: space-around;
+    margin: 15px 0 30px 0;
+    padding: 0;
+    width: 230px;
+
+    li {
+      display: inline;
+      list-style: none;
+      text-decoration: none;
+
+      a {
+        color: white;
+        text-decoration: none;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
   }
 }
 
@@ -31,6 +63,7 @@
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
 }
+
 .example-select {
   width: 100%;
   margin: 25px;
@@ -40,6 +73,7 @@
     text-align: center;
     font-size: 20px;
   }
+  
   &_submit {
     width: 200px;
     height: 35px;