.usercard {
    width: 300px;
    height: 300px;
    background: linear-gradient(rgb(109, 107, 107), rgb(177, 175, 175));
    border-radius: 16px;
    padding: 0 30px 30px;
    transition: 0.3s;
    display: grid;
    text-align: start;
    align-items: center;
}

.usercard:hover {
    transform: scale(1.03);
}

.usercard>.avatar {
    block-size: 185px;
    display: grid;
    align-items: center;
}

.usercard>.avatar>.usericon {
    width: 100px;
    height: 100px;
}

.usercard>.username {
    margin: 0;
    font-size: 32px;
    line-height: 36px;
}

.usercard>.mail {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: inherit;
}