.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
}
  h1 {
	color: white;
	font-size: calc(1.5rem + 2vw); /* Use calc() for adaptive font sizing */
  }
  
  button {
	width: 100px; /* Maintain fixed width for consistency */
	height: 135px;
	background-color: chocolate;
	font-size: calc(1rem + 1vw); /* Use calc() for adaptive font sizing */
	border: none;
	outline: none;
	border-radius: 2px;
	display: inline-block; /* Allow buttons to wrap to next line if needed */
	margin-inline: 11px;
  }
  
  body {
	font-family: 'lato', sans-serif;
	background: url("icon-logo.png") no-repeat center center fixed; /* Ensure background image stays in place */
	background-size: cover;
  }
  
  /* Media queries for responsive adjustments */
  @media (max-width: 768px) {
	.container {
	  max-width: 90%; /* Adjust maximum width based on smaller screen sizes */
	}
	button {
	  font-size: calc(0.8rem + 1vw); /* Adjust button font size for smaller screens */
	}
  }
  
  @media (max-width: 480px) {
	h1 {
	  font-size: calc(1.2rem + 2vw); /* Further adjust font size for very small screens */
	}
  }