body {
  background-color: black;
  color: white;
  font-family: Verdana;
}

.iframe-container {
  display: flex;
  height: 100vh; /* Full viewport height */
}

iframe {
  width: 500px; /* Fixed width */
  height: 100%;
  border: none;
}

.custom-button {
  background-color: #4CAF50; /* Green background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 15px 32px; /* Some padding */
  text-align: center; /* Center text */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Make the container fit the text size */
  font-size: 16px; /* Increase text size */
  margin: 4px 2px; /* Some margin */
  cursor: pointer; /* Pointer/hand icon */
  border-radius: 12px; /* Rounded corners */
  transition-duration: 0.4s; /* Animation */
}

.custom-button:hover {
  background-color: white; /* White background on hover */
  color: black; /* Black text on hover */
  border: 2px solid #4CAF50; /* Add a green border */
}