.date-square{align-items:center;align-self:flex-start;background:var(--primary);color:var(--bg);display:flex;flex-flow:column;justify-content:center;padding:.5rem;position:relative;white-space:nowrap;width:4rem}.date-square-no{font-size:2.25rem;font-weight:500;letter-spacing:.1rem;margin-top:-.25rem}.date-square-month{font-size:1.1rem;font-weight:600;font-weight:700;letter-spacing:.05rem;text-transform:uppercase}