.container {
  margin: auto;
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
}

.planner-container {
  background: var(--ctp-base);
  padding: 2rem;
  width: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}

.planner-header {
  margin: auto;
  margin-bottom: 2rem;
}

.new-plan-btn {
  max-width: 100%;
  text-align: center;
  margin: auto;
  margin-bottom: 2rem;
}

.star-5 {
  color: #f4c701;
}

.star-4 {
  color: #b778d8;
}