:root { color-scheme: light dark; } main { position: relative; max-height: 90vh; overflow-y: scroll; } body { background: none; } body::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/rough_bg.jpg"); } .day { height: 100%; } .dayEvents { max-width: 95%; grid-template-rows: repeat(24, 60px); position: relative; } .dayName { position: sticky; top: 0; } .dayTimes { grid-template-rows: repeat(24, 60px); } .event { cursor: pointer; padding: 0.25rem 0.35rem; margin-bottom: 6px; } .eventTitle { text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: small; font-weight: 500; margin-bottom: 0.15rem; } .eventTime { font-size: x-small; font-weight: 200; }