body {
    background-color: #6FCF97;

}
/* Rectangle 5 */

#rectangle {
    position: absolute;
    width: 188px;
    height: 50px;
    left: 1013px;
    top: 565px;    
}

/* Gray 6 */

#gray {
    background: #F2F2F2;
    border-radius: 20px;    
}

/* image 1 */

#image {
    position: absolute;
    width: 600px;
    height: 431.94px;
    left: 100px;
    top: 296px;

    background: url(image.png);    
}

/* LOGIN */
#login {
    position: absolute;
    width: 139px;
    height: 56px;
    left: 1062px;
    top: 328px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;

    color: #000000;    
}

/* username */

#username {
    position: absolute;
    width: 108px;
    height: 28px;
    left: 854px;
    top: 424px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;

    color: #000000;    
}

/* password */

#password {
    position: absolute;
    width: 105px;
    height: 28px;
    left: 854px;
    top: 498px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;

    color: #000000;

}

/* Rectangle 2 */

#rectangle {
    position: absolute;
    width: 400px;
    height: 39px;
    left: 989px;
    top: 493px;    
}

/* registrasi di sini */

#registrasi {
    position: absolute;
    width: 173px;
    height: 28px;
    left: 1021px;
    top: 576px;

    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;

    color: #000000;    
}
