client/src/components/ChatHeader/ChatHeader.css

.chat_header{
    padding:1em 2em;
    background:var(--SECONDARY-COLOR);
    border-bottom: 2px dashed var(--BORDER-COLOR);
}

.nav {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--SECONDARY-COLOR);
}

.nav_to{
    font-size:1.5em;
    color: rgb(140, 139, 139);
}
.nav_name{
    color:var(--PRIMARY-COLOR);
}

.call-icons{
    list-style: none;
    display: flex;
    gap:20px;
    justify-content: space-between;
}

.icon{
    background: var(--PRIMARY-COLOR);
    border-radius:50%;
    padding:6px;
}