.custom-navbar {
  background: linear-gradient(135deg, #0fbaaf, #b3e6fa);
}

#calendar {
  border: 2px solid rgb(194, 232, 152);
  max-width: 900px;
  width: 100%;
  margin: 0;
}

.calendar-wrapper {
  width: 100%;
}

.fc-daygrid-day-frame {
  min-height: 80px;
}

.fc-daygrid-day-number {
  font-size: 0.8rem;
}




/* 画像使用したパターン1 */
.top-banner {
  height: 100px;
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-image: url("/static/image/pattern/pink_gradation.png");
}

/* 画像使用したパターン2 
.top-banner {
  height: 100px;
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-image: url("/static/image/pattern/pink_gradation.png");
}
*/

.hero-features li {
  margin-bottom: 10px;
  font-size: 1rem;
}

.hero-features i {
  margin-right: 8px;
}

.chart-container {
  position: relative;
  width: 100%;
  max-width: 700px;
  height: 300px;
  margin: auto;
}

.sidebar-fixed {
  position: sticky;
  top: 0;
  height: 100vh;
}


.card {
  border-radius: 12px;
  overflow: hidden;
}