/* =========================
   OPTIMASI MOBILE FULL
========================= */

@media (max-width: 600px) {

    body{
        font-size:14px;
    }

    /* INDEX */
    .box{
        margin:25px 12px;
        padding:18px;
        border-radius:12px;
    }

    .logo{
        width:80px;
    }

    .title{
        font-size:20px;
    }

    .subtitle{
        font-size:13px;
    }

    input,button{
        width:100%;
        font-size:15px;
    }

    button{
        padding:14px;
    }

    /* HASIL */
    .card{
        margin:25px 12px;
        padding:18px;
    }

    h2{
        font-size:20px;
    }

    .status{
        font-size:18px;
    }

    /* OVERLAY LULUS */
    #overlay .text{
        font-size:28px;
        padding:10px;
    }
}