body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #e0e0e0;
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

h1 {
    font-size: 2.5rem;
    color: #5efaff;
    margin-bottom: 0.5rem;
}

p {
    font-size: 1.2rem;
}

main {
    max-width: 800px;
    padding: 2rem;
    text-align: center;
}

button {
    border: 0;
    padding: .5rem;
    border-radius: 5px;
    background-color: #5efaff;
}

button:hover {
    background-color: #00bbbe;
    cursor: pointer;
}

button:disabled {
  background-color: #5d5d5d; /* Grey color for disabled button */
  color: rgba(0, 0, 0, 0.75); /* Muted text color */
  cursor: not-allowed; /* Shows 'not-allowed' cursor */
}

a.button-like {
  display: inline-block; /* Makes it behave like a button */
  padding: 0.5em 1em; /* Adds spacing inside the button */
  text-align: center; /* Centers the text */
  text-decoration: none; /* Removes underline */
  color: black; /* Text color */
  background-color: #5efaff; /* Button color */
  border: none; /* Removes default border */
  border-radius: 5px; /* Adds rounded corners */
  font-size: 1rem; /* Adjusts font size */
  cursor: pointer; /* Makes it look clickable */
  transition: background-color 0.3s; /* Smooth color change on hover */
}

a.button-like:hover {
  background-color: #008797; /* Darker blue on hover */
}