body { font-family: Arial, sans-serif; margin: 40px; background: #1a1a1a; color: white; }
nav { background: #333; padding: 15px; }
nav a { color: white; margin-right: 20px; text-decoration: none; font-weight: bold; }
h1 { color: #4CAF50; }
.status { background: #2d2d2d; padding: 20px; border-radius: 10px; margin: 20px 0; }
.twitch { color: #a545ff; font-weight: bold; }
.twitch a {
    color: #C870FF;          
    font-weight: bold;
}

.twitch a:hover {
    color: #81C784;
}
.online { color: #4CAF50; font-weight: bold; }
.online a {
    color: #00FFFF;          
    font-weight: bold;
}

.online a:hover {
    color: #81C784;
}


#copyText {
  color: #00FFFF;
  text-decoration: underline;
  cursor: pointer;

  padding: 2px 6px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

#copyText:hover {
  color: #81C784
}