/* Reset default browser margins */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Background image covering the page */
body {
  background: url('background2.jpg') no-repeat center center fixed;
  background-size: cover;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center; /* center horizontally */
  align-items: center;     /* center vertically */
}

/* White centered box */
.content-box {
  background: lightgray ;
  padding: 2rem;
  border-radius: 10px;
  max-width: 400px;
  width: 60%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  text-align: center;
}

h1 {
  margin-top: 0;     /* remove space above */
  margin-bottom: 0;  /* remove space below */
  /* or set a smaller value */
  /* margin-bottom: 0.25rem; */
}