html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    height: 100vh;
    margin: 0;
}

img {
vertical-align: middle;
padding-left: 50px;
padding-right: 50px;
}

#wrapper {
width: 100%;
margin: 0 auto;
box-shadow: 1px 0 50px rgb(0 0 0 / 20%);
}

.login-register {
background: url('http://cert.yosenkocert.id/themes/plugins/images/login-register.jpg') center center/cover no-repeat!important;
height: 100%;
position: fixed;
}

.login-box {
background: #fff;
width: 400px;
margin: 10% auto 0;
}

.white-box {
background: #fff;
padding: 25px;
margin-bottom: 15px;
box-shadow: 0 30px 60px 0 rgb(0 183 255 / 30%);
text-align: center;
}


.white-box .box-title {
margin: 0 0 12px;
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
}

.text-info {
color: #03a9f3!important;
}

.btn-info, .btn-info.disabled {
background: #03a9f3;
border: 1px solid #03a9f3;
}

.btn {
border-radius: 0;
font-size: 16px;
font-weight: 600;
}

.btn-info{
color: #fff;
}

span.text-info{
font-weight: 300;
font-size: 14px;
}