img {
  max-width: 100%;
  height: auto; /* Ensures the aspect ratio is maintained */
}


#page-views {
    margin-top: auto;
}

.myLink {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink1 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink2 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink3 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink4 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink5 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink6 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink7 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink8 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}

.myLink9 {
  color: #0000FF; /* Blue color for links with IDs starting with "myLink" */
}


.begin-join-click {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}

.click-invite-button {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}


.get-invite-done {
  color: #FFA500; /* Orange color for all elements with these IDs/classes */
}

#myImage {
  border: 2px solid #00FF00; /* 2px green border around the image */
}

 .step-button {
    padding: 10px 20px;
    background-color: #007bff; /* Blue color, you can change it to your preferred color */
    color: #fff; /* White text color */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
  }

  .step-button:hover {
    background-color: #ff0000; /* Red color on hover */
  }