body{
background:black;
color:white;
}

.signalBtn{

display:block;
padding:15px;
margin:10px;
border-radius:10px;
cursor:pointer;
font-weight:bold;

}

.signalBtn input{
display:none;
}

.signalPost{

width:150px;
background:#333;
margin:auto;
padding:20px;
border-radius:20px;

display:flex;
flex-direction:column;
gap:20px;

}

.lamp{

width:80px;
height:80px;
border-radius:50%;
background:#111;
margin:auto;

}

.red{
background:red;
box-shadow:0 0 40px red;
}

.yellow{
background:yellow;
box-shadow:0 0 40px yellow;
}

.green{
background:lime;
box-shadow:0 0 40px lime;
}

#signalText{
font-size:28px;
}

footer{
position: fixed;
bottom: 0;
font-size:11px;
opacity:0.7;

}

.btn-group .btn{
font-size:14px;
padding:6px 14px;
}

#netStatus{
position:absolute;
top:0;
left:0;
width:100%;
z-index:9999;
font-weight:bold;
}

/* for Signal update alert at the top

#updateSignalText{
position:absolute;
top:0;
left:0;
width:100%;
z-index:9999;
font-weight:bold;
}

*/


#updateSignalText2{
font-weight:bold;
}


@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
.blinking-text {
	text-align: center;
	margin-top: 20%;
	font-size: 20px;
	color: yellow;
	animation: blink 1s infinite;
}