.profile {
    position: relative;
    top: 27px;
}

.profile .headernama {
    width: 100%;
    height: 200px;
    top: 15px;
}

.headernama .namauser {
    font-size: x-large;
    text-align: center;
    color: #B7FFF3;
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 10px;
}

.headernama .namajabatan {
    font-size: small;
    text-align: center;
    color: #B7FFF3;
    position: absolute;
    z-index: 100;
    bottom: -10px;
    right: 10px;
}

.profilebar {
    height: 40%;
    max-height: 200px;
    top: 10px;
}

.profilebar .namaprofile {
    font-size: large;
    text-align: center;
    color: #B7FFF3;
    position: absolute;
    z-index: 100;
    top: 80%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}