/* main.css */
body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}

.home-button {
  position: fixed;
  top: 20px; /* Adjust as necessary */
  left: 20px; /* Adjust as necessary */
  z-index: 1000;
  text-decoration: none;
}

.home-icon {
  width: 50px; /* Constrain the icon width */
  height: auto; /* Keeps the aspect ratio intact */
  max-height: 50px; /* Ensures the icon doesn't get too large */
}

.home-button:hover .home-icon {
  opacity: 0.8;
  transition: opacity 0.3s;
}