body {
    margin:0;
    background:#111;
    color:white;
    font-family:Arial,sans-serif;
}

h1 {
    text-align:center;
}


#grid {

    display:grid;
    grid-template-columns:
        repeat(auto-fill,minmax(420px,1fr));

    gap:10px;
    padding:10px;

}


.camera {

    background:#000;
    border-radius:8px;
    overflow:hidden;

}


.camera video {

    width:100%;
    height:260px;
    background:black;

}


.info {

    padding:8px;
    display:flex;
    justify-content:space-between;

}


.online {

    color:#00ff00;

}


.offline {

    color:red;

}