.konten{
    background: white;
    padding: 30px; 
    box-shadow: 0 0 5px 2px #00000012;
}
.bgr-gainsboro{
    background: gainsboro;
}
.login-div{
    min-height:70vh;
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(175deg, #59d5f1, #3991dd);
    padding: 40px;
}
.login-img{
    background: white;
    display: flex; 
    min-height: 70vh; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.row-100{
    min-height: 100vh; 
    align-items: center;
    justify-content: center; 
}
.img{
    width: 80%;
}
.btn-success{
    background: rgb(35 197 146);
    border: none;
}
.t-white-uppercase{
    color: white;
    text-transform: uppercase;
}
.container-konten{
    min-height:80vh;
}
.link-footer{
    text-decoration: none;
    margin : 5px;
}
 @media screen and (max-width: 700px) {
    .login-img { 
    display: none;
    }
    .login-div{
    height: 100vh;
     }
}