#network                       { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:99; background:rgba(0,0,0,0.4); }
#network > div                 { position:relative; margin:auto; z-index:99; width:65%; top:25%; height:20%; border-radius:10%; text-align:center; }
#network      div#slow > img   { width:12%; background-color:#000; border-radius:25px; padding: 10px; }

#network      div#warn         { margin-bottom:20px; }
#network      div#warn > label { font-weight:bold; color:#fff; background-color:#000; padding:10px; border-radius:15px; font-size:calc(2.5 * (1vw + 1vh - 1vmin)); }

#network      div#slow { display:none;  }
#network      div#warn { display:none;  }

#network.slow div#slow { display:block; }
#network.slow div#warn { display:block; visibility:hidden; opacity:0;  }

#network.warn div#warn { display:block; }
#network.warn div#slow { display:block; }