/* ------ auth  ------ */
.auth{
    width: 10vw;
    height: 50px;
    top:0.7vh;
    right: 2vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_dp{
    border-radius: 5em;
    width: 30px;
    height: 30px;
    aspect-ratio: 1;
    background-color: #0d40e9;
    overflow: hidden;
    color:white;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.user_dp:hover{
    outline: 1px solid rgb(0, 99, 212);
}
.dots,.glogin>svg{
    width: 24px;
    height: 24px;
}
.glogin{
    box-sizing: content-box;
    outline: 1px solid rgba(128, 128, 128, 0.589);
    border-radius: 5em;
    width: 80px;
    justify-content: space-between;
    position: absolute;
    right: 0;
    padding: 5px 10px;
    cursor: pointer;
}
.create,.bell{
    width: 24px;
    height: 24px;
}
.glogin *{
    color: rgb(43, 127, 223);
    fill: rgb(40, 117, 204);
}
.glogin,.dots{
    display: flex;
}
.user_dp,.create,.bell{
    display:none;
}