body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--secondary);
    font-family: var(--primary-font);
    user-select: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

li {
    list-style-type: none;
    cursor: pointer;
}

label span {
    color: #FF0000;
}

.avatar {
    border-radius: 50%;
    object-fit: cover;
}

@media screen and (min-width: 767px) {
    .avatar {
        height: 35px;
        width: 35px;
    }
}

@media screen and (max-width: 767px) {
    .avatar {
        height: 30px;
        width: 30px;
    }
}