.login {
    position: fixed;
    top: 32%;
    left: 0px;
    right: 0px;
    width: 500px;
    height: 350px;
    background-color: #f2f2f2;
    margin: auto;
    border-radius: 20px;   
    overflow: hidden;
    animation: animasipanellogin 1s ease;
    border:1px solid green;
}

.login-header {
    position: relative;
    top: 0px;
    margin: auto;
    width: 100%;
    height: 60px;
    background-color: #ebebeb;
    text-align: center;
    align-content: center;
    color: grey;
}

@keyframes animasipanellogin {
    from {
        
        transform: translateY(30px);
    }

    to {
        transform: translateY(0px)
    }
}

.hidefooterutama {
    display: none;
}

.login-content {
    position: relative;
    width: 90%;
    height: 80%;
    background-color: transparent;
    margin: auto;
}

.btn-login-holder {
    position: absolute;
    width: 100%;
    background-color: transparent;
    bottom: 20px;
    right: 12%;
    margin: auto;
    text-align: right;
}