/*palette 1*/
/*:root {
    --color1: #1a2639;
    --color2: #3e4a61;
    --color3: #c24d2c;
    --color4: #d9dad7;
}*/
/*palette 2*/
:root {
    --color1: #303841;
    --color2: #3a4750;
    --color3: #be3144;
    --color4: #d3d6db;
}

body {
	  display: flex;
	  background-color: var(--color1);
	  align-items: center;
	  justify-content: center;
  }

.calendar {
	background-color: var(--color1);
	margin: 10px;
	font-family:  Helvetica, Arial, sans-serif;
	color:  var(--color4);
	/*height:  500px;
	width:  200px;*/
}

.calendar-date {
	background-color:  var(--color2);
	border: 0px solid;
	margin:  5px;
	padding:  5px;
	font-size: 16pt;
}

.calendar-event {
	background-color: var(--color3);
	margin: 10px;
	padding:  5px;
	font-size: 12pt;
}

.suptitle {
	color: inherit;
	text-align: left;
	padding: 10px;
	font-size: 20pt;
}

.event-title {
	color: inherit;
	text-decoration: inherit;
}

.event-venue {
	text-align: left;
	font-style: italic;
}

.calendar-event-leader {
	background-color: var(--color2);
	font-weight: normal;
	text-decoration: underline;
	margin: 0px;
	padding-left:  5px;
	padding-top: 2px;
	font-size:  12pt;
}

.calendar-event-sideman {
	background-color: var(--color2);
	font-weight: normal;
	margin: 0px;
	padding-left:  5px;
	padding-top: 2px;
	font-size:  10pt;
}

.main_table
  { 
	  margin-left: auto;
	  margin-right: auto;
  }

.first-color { 
	background: #d9dad7; 
}
	
.second-color { 
	background: #c24d2c; 
}

.third-color { 
	background: #3e4a61; 
}

.fourth-color { 
	background: #1a2639;