.basic-details {
    align-items: center;
    display: flex;
    gap: 1em;
}

.edit-btn {
    user-select: none;
}

.profile-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5em;
    justify-content: center;
    padding-left: 15rem;
    padding-right: 15rem;
}

@media (max-width: 768px) {
    .profile-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.profile-picture {
    max-width: 15rem;
}

.username {
    font-size: 2rem;
}