/* =====BACKGROUND UNIVERSAL======= */
body{
    margin:0;
    min-height:100vh;
    color:#fff;
    position:relative;
    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;

    background-image:url("../images/bg-a.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;

    background-color:#0f172a;
}

/* ==BACKGROUND KHUSUS PER HALAMAN==== */
/* dashboard.html */
body.dashboard::before{
    background-image:url("../images/bg-b.webp");
}

/* devices.html */
body.devices::before{
    background-image:url("../images/bg-a.jpg");
}

/* system.html */
body.system::before{
    background-image:url("../images/bg-a.jpg");
}

/* Online-xXx.html */
body.online::before{
    background-image:url("../images/bg-e.jpg");
    transform:scaleX(-1);
}