@import url("styles.css");

.housegarden-page {
  background:
    radial-gradient(circle at 10% 10%, rgba(105, 162, 108, 0.14), transparent 42%),
    radial-gradient(circle at 90% 90%, rgba(194, 170, 124, 0.1), transparent 45%),
    linear-gradient(180deg, #121b15 0%, #0d110e 100%);
}

#flower-container,
#old-house,
#new-house,
#garden,
.room {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
}

#flower-container,
#old-house,
#new-house,
#garden {
  padding: 1rem;
}

.garden-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}