main {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

.live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #e00000;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
}

.live-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #e00000;
  opacity: 0.4;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 0.5; }
  70% { transform: scale(2); opacity: 0; }
  100% { opacity: 0; }
}

.b-black-t-white {
  color: white;
  background-color: black;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 10pt;
}

.b-white-t-black {
  color: black;
  background-color: rgb(240, 240, 240);
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 10pt;
}

footer {
  font-size: 10pt;
  color: gray;
}

footer  a {
  text-decoration: none;
}