nav {
    display: flex;
    justify-content: center;
    background-color: #000;
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    font-weight: bolder;
    margin-bottom: 20px;
    }
    nav a,span {
        margin-left: 10px;
    }
nav a {
    color: #6476dc;
}
nav a:hover {
    text-decoration: none;
}
body {
    font-family: Arial, Helvetica, sans-serif; 
    margin: 0;
}
.header-first-div {
width: 25%;
text-align: center;
}
.header-second-div {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    position: relative;
    margin-right: 5%;
    margin-top: 15px;
}
header {
    display: flex;
}
.special-div {
    display: none;
   position: absolute;
   right: 25%;
   top: 100%;
   background-color: #fff;
}
.header-span:hover,.special-div:hover {
    color: rgb(255, 166, 0);
}
#special-span:hover .special-div{
    display: block;
}