/* styles.css */
    .body-master {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background: url('../assets/logo/mask.png'), url('../assets/logo/bg-sira.png');
        background-position: right;
        background-repeat: no-repeat, repeat;
        background-color: white;
        background-attachment: fixed;
    }

    .logo {
        text-align: center;
        margin: auto;
        width: 350px;
        /* background-color: red; */
    }

    .login-box-siswa {
        margin: auto;
        width: 400px;
        padding: 20px;
        /* background-color: blue; */
    }

    .body-master .btn {
        width: 100%;
        border-radius: 30px !important;
    }

    .body-master input {
        border-radius: 30px !important;
    }

    @media (max-width: 424px) {
        .login-box-siswa {
            width: 100%;
            /* background-color: red; */
        }


    }

    @media (max-width: 351px) {
        .login-box-siswa {
            /* width: 100%; */
            /* background-color: red; */
        }

        .logo img {
            width: 45px;
        }

        .container-l-siswa {
            font-size: 0.79em;
        }

    }

    /* @media (max-width: 358px) {

        .container-l-siswa {
            font-size: 0.79em;
        }

    }

    @media (max-width: 326px) {
        .logo img {
            width: 80px;
        }
    } */