html, body {
    margin: 0;
    padding: 0;
    background-image: url("https://media.istockphoto.com/id/1092139474/photo/empty-green-casino-poker-table-cloth-with-spotlight.jpg?s=612x612&w=0&k=20&c=0TwjfTAxxMdBPKBnnrhRDmsvYS7ui3Ly_u9HZms8QAc=");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed; /* Prevent scrolling */
    height: 100%; /* Added to ensure background covers entire height */
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Added to ensure content takes at least full viewport height */
    text-align: center;
}
h1,h2{
  color: goldenrod;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1{
  margin-bottom: 5px;
}
h2{
  margin-top: 0;
}

#message-el{
  font-style: italic;
  letter-spacing: 2px;
}


p{
  color: whitesmoke;
  font-size: larger;
  font-weight: bolder; 
}
	  

button{
  color: #016f32;
  width: 150px;
  height: 40px;
  background-color: goldenrod;
  border: 2px solid #016f32;
  border-radius: 5px;
  font-size: larger;
  font-weight: bolder;
  display: block;
  margin-top: 4px;
  margin-left: 45%;
  margin-right: 55%;
  cursor: pointer;

}
/* button on hover  */
button:hover{
  background-color: gold
}

@media only screen and (max-width: 768px) {
    button {
        width: 120px;
        height: 35px;
        font-size: medium;
    }
}