:root {        
  --numColumns: 2;
  --numHours: 24;
  --timeHeight: 20px;  
  --calBgColor: #555;  
  --eventBorderColor: blue; 
}

.time-marker {
    display: grid;
    width: 50px;  		
}
.start-0h {
	grid-row-start: 1;	
}
.start-1h {
	grid-row-start: 2;
	border-bottom: 1px solid white;
}
.start-2h {
	grid-row-start: 3;
}
.start-3h {
	grid-row-start: 4;
}
.start-4h {
	grid-row-start: 5;
}
.start-5h {
	grid-row-start: 6;        
}
.start-6h {
	grid-row-start: 7;
}
.start-7h {
	grid-row-start: 8;
}
.start-8h {
	grid-row-start: 9;
}
.start-9h {
	grid-row-start: 10;
}
.start-10h {
	grid-row-start: 11;
}
.start-11h {
	grid-row-start: 12;
}
.start-12h {
	grid-row-start: 13;
}
.start-13h {
	grid-row-start: 14;
}
.start-14h {
	grid-row-start: 15;
}
.start-15h {
	grid-row-start: 16;
}
.start-16h {
	grid-row-start: 17;
}
.start-17h {
	grid-row-start: 18;
}
.start-18h {
	grid-row-start: 19;
}
.start-19h {
	grid-row-start: 20;
}
.start-20h {
	grid-row-start: 21;
}
.start-21h {
	grid-row-start: 22;
}
.start-22h {
	grid-row-start: 23;
}
.start-23h {
	grid-row-start: 24;
}
.end-1h {
	grid-row-end: 2;
}
.end-2h {
	grid-row-end: 3;
}
.end-3h {
	grid-row-end: 4;
}
.end-4h {
	grid-row-end: 5;
}
.end-5h {
	grid-row-end: 6;
}
.end-6h {
	grid-row-end: 7;
}
.end-7h {
	grid-row-end: 8;
}
.end-8h {
	grid-row-end: 9;
}
.end-9h {
	grid-row-end: 10;
}
.end-10h {
	grid-row-end: 11;
}
.end-11h {
	grid-row-end: 12;
}
.end-12h {
	grid-row-end: 13;
}
.end-13h {
	grid-row-end: 14;
}
.end-14h {
	grid-row-end: 15;
}
.end-15h {
	grid-row-end: 16;
}
.end-16h {
	grid-row-end: 17;
}
.end-17h {
	grid-row-end: 18;
}
.end-18h {
	grid-row-end: 19;
}
.end-19h {
	grid-row-end: 20;
}
.end-20h {
	grid-row-end: 21;
}
.end-21h {
	grid-row-end: 22;
}
.end-22h {
	grid-row-end: 23;
}
.end-23h {
	grid-row-end: 24;
}
.end-24h {
	grid-row-end: 25;
}

.calendar {    
    display: grid;    
    grid-template-columns: auto 1fr;
    margin: 10px;
    border: 0px solid green;
}