/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    max-height: 100%;
    object-fit: cover;
    transform: translateX(calc((100% - 100vw) / 2));
  }
  
  /* Add some content at the bottom of the video/page */
  .content {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
  }
  
  /* Style the button */
.discord-button, .tssforum-button {
  padding: 5px 8px; /* Reduced padding */
  border: 1px solid transparent; /* Subtle border */
  border-radius: 4px; /* Rounded corners for a modern look */
  font-size: 15px; /* Slightly smaller font size for better fit */
  font-weight: bold; /* Bold font for visibility */
  text-decoration: none; /* No underline */
  display: inline-block; /* Ensures proper alignment and box-sizing */
  transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transitions for interactive effects */
}

.discord-button {
  color: #f1f1f1; /* Light color text for contrast */
  background-color: #5a64ea; /* Original blue background */
  border-color: #5a64ea; /* Coordinated border color */
}

.tssforum-button {
  color: #000; /* Dark color text for readability */
  background-color: #fff; /* White background */
  border-color: #ccc; /* Light gray border to define edges */
}

.discord-button:hover, .tssforum-button:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Shadow for 3D effect */
  cursor: pointer; /* Cursor changes to pointer to indicate clickability */
}

.discord-button:hover {
  background-color: #4b55d1; /* Slightly darker blue on hover */
}

.tssforum-button:hover {
  background-color: #eee; /* Light gray background on hover for the white button */
}