add functional to header

css/style.css

@@ -80,6 +80,53 @@ h6 {
   font-weight: 400;
 }
 
-body {
-  background-color: red;
+header {
+  height: 45px;
+  border-bottom: 2px solid rgb(161, 137, 0);
+}
+
+.logo {
+  font-size: 24px;
+  color: rgb(2, 2, 120);
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  align-items: center;
+}
+
+.nav {
+  display: flex;
+  justify-content: space-between;
+}
+.nav-header {
+  width: 35%;
+}
+.nav__item {
+  color: black;
+  opacity: 0.7;
+  transition: 0.2s;
+}
+.nav__item_active {
+  opacity: 1;
+  position: relative;
+}
+.nav__item_active::after {
+  content: "";
+  bottom: -14px;
+  position: absolute;
+  display: block;
+  width: 100%;
+  height: 2px;
+  background-color: rgb(128, 109, 1);
+}
+.nav__item:hover {
+  opacity: 1;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
 }