/* Ensure the body takes up the full height of the browser window */
body,
html {
  height: 100%;
  margin: 0;
}

/* Use Flexbox to center content */
body {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}

img {
  display: block; /* Makes the image a block-level element */
  margin-left: auto; /* Pushes from the left */
  margin-right: auto; /* Pushes from the right */
  width: 20%; /* Optional: Set a width so it's not full-screen */
}