/*desktop menu*/
.menu{
    margin: 2rem;
}
.menu ul{
display: flex;
 gap: 1rem;
}
.menu li{
    width: max-content;
}
.menu a{
    padding: 1rem;
    cursor: pointer;
    text-decoration-line:none;
    transition: color 0.5s;
    color:#ffffff;

}
.menu a:hover {
       color: #ff8562;
}
@media (max-width: 1024px) {
    .menu ul{
        gap: initial;
    }
}

@media (max-width: 876px) {
    .menu {
        display: none;
    }
}