* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box; /* Add box-sizing to all elements */
}

html, body {
  margin: 0;
  border: 0;
  padding: 10px; /* Add 10px padding */
  height: 100%;
  background: linear-gradient(to bottom, #ffffff, #f0f0f0);
  display: flex; /* Enable flexbox for centering */
  align-items: center; /* Vertical centering */
  justify-content: center; /* Horizontal centering */
}

main {
  text-align: center;
}


.logo {
  max-width: 100%; /* Ensure logo is responsive */
  max-height: 100vh; /* Ensure logo fits viewport height */
  height: auto; /* Maintain aspect ratio */
  display: block; /* Remove extra space below image */
  margin: 0 auto; /* Center if parent is not flex/grid */
}