body {
  padding-left: 50px;
  padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 15px;
  color: rgb(0, 255, 0);
  font: menu;
  background-color: black; /* Keep a background color in case the video doesn't load */
}

/* Style for the background video element */
#background-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the video covers the entire background */
  z-index: -1; /* Puts the video behind other content */
}

a {
  font-family: sans-serif;
  font-size: 24px;
  text-decoration: none;
  /* Add display: inline-block to allow status indicator to sit next to text */
  display: inline-block;
}

/* Default color for the prefix */
a .prefix {
  color: rgba(0, 0, 0, 0);
}

/* Main link text in green */
a {
  color: rgb(0, 255, 0);
}

/* When hovered, change the prefix to green as well */
a:hover .prefix {
  color: rgb(0, 255, 0);
}

/* Style for the status indicator span */
.status-indicator {
    margin-left: 10px; /* Space between link text and indicator */
    font-weight: bold;
    /* Initially hidden or empty, will be populated by JavaScript */
}

    /* Base style for buttons */
    .buttons {
      padding: 1px 5px; /* width & height (adjust as needed) */
      border-radius: 4px; /* slightly rounded corners */
      border: 3px solid rgb(0, 0, 0); /* white border */
      background-color: #000000; /* silver */
      color: white; /* text color */
      font-family: Arial, sans-serif;
      font-weight: bold;
      font-size: 16px;
      cursor: pointer;
      text-align: center;
      transition: all 0.2s ease;
    }