a {
  color: inherit;
  /* blue colors for links too */
  text-decoration: none !important;
}

.grid-container {
  display: grid;
  grid-template-columns: 0.9fr 0.7fr 1.4fr 1.2fr 0.8fr 1fr 0.9fr 1.1fr 1fr 1fr 1.3fr 0.7fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 0.7fr 0.8fr 0.6fr 1.3fr 1.6fr 0.2fr 2.1fr 1.1fr 0.1fr 1fr 2fr 0.4fr 1.3fr 1.3fr;
  gap: 10px 10px;
  grid-template-areas: "day1 day1 day1 day2 day2 day2 day2 day3 day3 day3 day4 day4 day4 day4 day5 day5 day5" "day1 day1 day1 day2 day2 day2 day2 day3 day3 day3 day4 day4 day4 day4 day5 day5 day5" "day1 day1 day1 day2 day2 day2 day2 day3 day3 day3 day4 day4 day4 day4 day5 day5 day5" "day1 day1 day1 day2 day2 day2 day2 day3 day3 day3 day4 day4 day4 day4 day5 day5 day5" "day6 day6 day6 day6 day7 day7 day7 day8 day8 day8 day9 day9 day9 day9 day5 day5 day5" "day6 day6 day6 day6 day7 day7 day7 day8 day8 day8 day9 day9 day9 day9 day10 day10 day10" "day6 day6 day6 day6 day7 day7 day7 day8 day8 day8 day9 day9 day9 day9 day10 day10 day10" "day11 day11 day11 day12 day12 day12 day12 day13 day13 day13 day13 day14 day14 day14 day15 day15 day15" "day11 day11 day11 day12 day12 day12 day12 day13 day13 day13 day13 day14 day14 day14 day15 day15 day15" "day11 day11 day11 day12 day12 day12 day12 day13 day13 day13 day13 day14 day14 day14 day15 day15 day15" "day16 day16 day16 day17 day17 day17 day17 day13 day13 day13 day13 day20 day20 day20 day20 day20 day20" "day16 day16 day16 day17 day17 day17 day17 day18 day18 day19 day19 day20 day20 day20 day20 day20 day20" "day16 day16 day16 day17 day17 day17 day17 day18 day18 day19 day19 day20 day20 day20 day20 day20 day20" "day21 day21 day21 day22 day22 day22 day23 day23 day23 day24 day24 day24 day24 day24 day24 day24 day24" "day21 day21 day21 day22 day22 day22 day23 day23 day23 day24 day24 day24 day24 day24 day24 day24 day24";
}

.grid-container {
  background-color: rgba(255, 255, 190, 0.5);
  box-shadow: 0 0 35px 15px rgba(255, 255, 190, 0.55);
}

.day1 {
  grid-area: day1;
}

.day2 {
  grid-area: day2;
}

.day3 {
  grid-area: day3;
}

.day4 {
  grid-area: day4;
}

.day5 {
  grid-area: day5;
}

.day10 {
  grid-area: day10;
}

.day15 {
  grid-area: day15;
}

.day20 {
  grid-area: day20;
}

.day14 {
  grid-area: day14;
}

.day6 {
  grid-area: day6;
}

.day9 {
  grid-area: day9;
}

.day8 {
  grid-area: day8;
}

.day7 {
  grid-area: day7;
}

.day13 {
  grid-area: day13;
}

.day12 {
  grid-area: day12;
}

.day11 {
  grid-area: day11;
}

.day16 {
  grid-area: day16;
}

.day17 {
  grid-area: day17;
}

.day18 {
  grid-area: day18;
}

.day19 {
  grid-area: day19;
}

.day21 {
  grid-area: day21;
}

.day22 {
  grid-area: day22;
}

.day23 {
  grid-area: day23;
}

.day24 {
  grid-area: day24;
}

.tick-flip,
.tick-text-inline {
  font-size: 2.5em;
}

.tick-label {
  margin-top: 1em;
  font-size: 1em;
}

.tick-char {
  width: 1.5em;
}

.tick-text-inline {
  display: inline-block;
  text-align: center;
  min-width: 1em;
}

.tick-text-inline + .tick-text-inline {
  margin-left: -0.325em;
}

.tick-group {
  margin: 0 0.5em;
  text-align: center;
}

.tick-text-inline {
  color: #330063 !important;
}

.tick-label {
  color: #330063 !important;
}

.tick-flip-panel {
  color: #ff1500 !important;
}

.tick-flip {
  font-family: linotte-semibold, sans-serif !important;
}

.tick-flip-panel-text-wrapper {
  line-height: 1.35 !important;
}

.tick-flip-panel {
  background-color: #f7fff7 !important;
}

.tick-flip {
  border-radius: 0.14em !important;
}

