html { 
  height: 100%;
}
body {
  text-align: center;
  margin: 0; /* Remove default margin */
  height: 100%;
  background-image: url('dms.webp'); /* Replace with your image URL */
  background-position: center; /* Center the background image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Scale the image to cover the entire element */
  background-attachment: fixed; /* Optional: Fix the background image during scroll */
  font-size: 1.4em;
}

h1 {
  color: white; /* Set text color to white */
  text-shadow: 
    -5px -1px 0 #000,  
     5px -1px 0 #000,
    -5px  1px 0 #000,
     5px  1px 0 #000; /* Create a black border effect */
}

main {
  border: 1px black solid;
  text-align: center;
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}