html {
    height: 100%;
}

body {
    background: url('bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 100%;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.f10 {
    font-size: 300% !important;
    margin-bottom: 0;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.logo-box {
    display: flex;
    align-items: center;
    padding: 10%;
    background-color: #fff;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
}

.tombol-unit {
    display: flex;
    align-items: center;
    padding: 10%;
}

.btn-unit {
    border-radius: 2.5rem !important;
    padding: 3% !important;
    margin: 0.5rem !important;
}