Index: CSS/Header.css
===================================================================
--- CSS/Header.css	(revision e3d4e0a8bc0f13135f27c0b055b5c00f64a28f01)
+++ CSS/Header.css	(revision e3d4e0a8bc0f13135f27c0b055b5c00f64a28f01)
@@ -0,0 +1,94 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    scroll-behavior: smooth;
+    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    list-style: none;
+    text-decoration: none;
+}
+
+header{
+    position: fixed;
+    width: 100%;
+    top: 0;
+    right: 0;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20px 10%;
+    background-color: white;
+}
+
+header a {
+    color: black;
+    margin-right: 20px;
+}
+
+.logo img{
+    max-width: 120px;
+    height: auto;
+}
+
+.navigationmenu{
+    display: flex;
+}
+
+.navigationmenu a{
+    color: #2c2c2c;
+    font-size: 16px;
+    text-transform: capitalize;
+    padding: 10px 20px;
+    font-weight: 400;
+    transition: all .42 ease;
+}
+
+.navigationmenu a:hover{
+    color:#59acac;
+}
+
+
+.nav-icon{
+    display: flex;
+    align-items: center;
+}
+
+.nav-icon i{
+    margin-right: 20px;
+    color: #2c2c2c;
+    font-size: 25px;
+    font-weight: 400;
+    transition: all .42 ease;
+}
+
+.nav-icon i:hover{
+    transform: scale(1.1);
+    color:#59acac;
+}
+
+.dropdown-list{
+    cursor: pointer;
+}
+
+.dropdown-menu{
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 4.s ease-out;
+    position: absolute;
+    background-color: white;
+}
+
+.dropdown-menu li {
+    padding: 10px 20px 10px 20px;
+}
+
+.dropdown-menu li:hover {
+    color: turquoise;
+    background-color: rgb(251, 251, 251);
+}
+
+.dropdown-list:hover .dropdown-menu{
+    max-height: 1000px;
+    transition: max-height 0.8s ease-out;
+}