body {
    text-align: center;
    font-family: Roboto, Tahoma, Geneva, sans-serif;
}

.connecting {
    background-color:black;
}

#camera {
    position:absolute;
    left:10;
    top:5;
    color:white;
    font-size:5em;
    opacity:.5;
}

.connecting #status {
    font-size:6em;
}

#status {
    color:white;
    font-size:8em;
    font-weight:normal;
   
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
}

body.active {
    background-color:rgb(223, 1, 1);
}

body.standby {
    background-color:black;
}

body {
    transition:background-color .3s;
}




@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.active h1, .connecting h1 {
    animation: flickerAnimation 1s infinite;
}