.miniprofile{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.miniprofile .banner{
    min-width: 220px;
    max-width: 450px;
    height: 100px;

    display: flex;
    gap: 8px;
    align-items: center;

    background-color: #272147;
    border-radius: 12px;
    padding: 12px;
}
.miniprofile .banner img{
    width: 64px;
    height: 64px;
    border-radius: 99px;
}

.miniprofile .banner .nameBio p:first-child{
    font-weight: 600;
    color: #eee;
    text-shadow: 1px 1px 3px #11111199;
}
.miniprofile .banner .nameBio p:last-child{
    color: #bbb;
}

.miniprofile .deviceList{
    width: 100%;
    
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;

}

.miniprofile .deviceList .device{
    background-color: #272147;
    border-radius: 12px;
    padding: 12px;
    width: 100%;

    display: flex;
    gap: 8px;
    align-items: center;
}