source: CSS/Header.css

*{
    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;
}