.headNav {
    
   margin: 0 auto;
    width: 15rem;
   
    padding: 0.25rem;
    display: flex;
    align-items: center;
}

.logo>img {
    width: 1.275rem;
    height: 0.4875rem;
    display: block;
}

.navBox {
    display: flex;
    align-items: center;
    width: 70%;
    margin-left: auto;
    font-size: 0.225rem;
    color: #fff;
    justify-content: space-between;
}

.navItem:hover {
    cursor: pointer;
}
.headfather{
    z-index: 10;
    position: absolute;
    width: 100%;
}