body{
    background: linear-gradient(rgba(0, 0, 255, 0.8), rgba(52, 125, 235,0.8));
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-body {
    width: 100%;
    height: auto;
    background-image: url('/img/gerbang.jpg');
    background-size: 100% 100%;
}

.max-screen{
    height: 100vh;
}

.b-login{
    display: flex;
    justify-content: center;
}

.bg-login{
    background-color: white;
}

.b-login button{
    background-image:linear-gradient(to right,rgba(52, 125, 235,1),rgb(7, 101, 224,1));
    width: 25%;
    padding: 8px;
    border-radius: 25px;
    border-width: 0px;
    color: white;
}

.b-login button:hover{
    background-image:linear-gradient(to right,rgb(7, 101, 224,1),rgba(52, 125, 235,1));
    color: ghostwhite;
}