/* Version 1 layout, with light from the right and one overlapping paper section. */
.library {
  position: relative;
  z-index: 1;
  background: radial-gradient(ellipse at 86% 12%, #1b503b 0%, #0d3828 35%, var(--green) 75%);
}
.routine {
  position: relative;
  z-index: 2;
  background: var(--paper);
  margin: -28px 3% 0;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  border: 1px solid var(--line);
  box-shadow: 0 -8px 24px -18px #001b1840;
}
@media (max-width: 700px) {
  .routine {
    margin: -20px 4% 0;
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media (min-width: 1600px) {
  .routine {
    padding-left: max(3.5vw, calc((100vw - 1420px) / 2 - 3vw));
    padding-right: max(3.5vw, calc((100vw - 1420px) / 2 - 3vw));
  }
}