@charset "utf-8";
.button-container {
  display: flex;            /* Flexbox 사용 */
  justify-content: flex-end; /* 버튼 오른쪽 정렬 */
  margin: 10px 0;         /* 위아래 여백 설정 */
}
.button-container button {
  margin-left: 10px;   /* 버튼 간 간격 */
}
.grid-container {
  padding-top: 20px;
  display: flex; /* Flexbox로 그리드 정렬 */
  flex-direction: column; /* 세로 방향으로 정렬 */
  gap: 20px; /* 그리드 간의 간격 */
}
.grid-item {
  border: 1px solid #ccc; /* 그리드 아이템 경계선 */
  border-radius: 5px; /* 아이템의 둥근 모서리 */
  padding: 10px; /* 패딩 추가 */
  background-color: #f9f9f9; /* 배경 색상 */
}
h3 {
  margin: 0 0 10px 0; /* 제목과 그리드 간의 여백 */
}