.calendar {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  margin: 2rem;
}

.timeline {
  margin-top: 40px;
  font-size: 12px;
  display: grid;
  grid-template-rows: repeat(9, 90px);
}

.days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.events {
  display: grid;
  grid-template-rows: repeat(54, 15px);
  border-radius: 5px;
  background: #2f6d78;
  padding-top: 7px;
  padding-bottom: 7px;
}

.date {
  height: 45px;
}

.event {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.2rem;
  margin: 0 0.5rem;
  background-color: white;
}

.schedule-lecture {
  background-color: #95e0e0;
}

.schedule-lecture-Kionke {
  background-color: #eec7b0;
}
.schedule-lecture-MP {
  background-color: #93c8e7;
}
.schedule-lecture-Kielak {
  background-color: #9ae098;
}

.schedule-break {
  background-color: #f0f0f0;
}

.schedule-social {
  background-color: #e1e9b6;
}

.event .title {
  font-weight: 600;
  margin-bottom: 0rem;
}

.event .time {
  font-weight: 200;
  margin-bottom: 0rem;
  margin-top: -0.6rem;
  font-size: 12px;
}

.date {
  display: flex;
  gap: 1em;
  margin-left: 20px;
}

.date-num {
  font-size: 3rem;
  font-weight: 600;
  display: inline;
}

.date-day {
  display: inline;
  font-size: 2rem;
  font-weight: 100;
}