/*:root {
  --primary-color: rgb(50, 120, 180);
  --light-color: rgb(90, 150, 200);
  --off-black: rgb(48, 48, 48k);
  --off-white: rgb(234, 234, 234);
  --error-color: rgb(255, 210, 210);
  --warning-color: rgb(255, 248, 210);
  --valid-color: rgb(210, 255, 210);  
  --autocomplete-even: rgb(250, 250, 250);
  --autocomplete-odd: rgb(240, 240, 240);
  --chorus-lin: rgb(133, 208, 255);
}*/
/*
.body {
  background-color: var(--off-black);
  color: var(--off-white);
  margin-bottom: 1em;
}
*/
/*@media (prefers-color-scheme: dark) {*/
.body {
  background-color: var(--off-black);
  color: var(--off-white);
  margin-bottom: 1em;
}

.cell {
  border-width: 0px;
  padding: 0px;
  font-size: small;
  font-weight: bold;
  /*border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: right;*/
}

.head {
  background-color:#CCC;
  text-align: center;
}

.red {
  background-color:#FBB;
}

.day {
  width:160px;
  height:100px;
  padding:4px;
  margin:0px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: right;
}

.month-container {
  display: grid;
  grid-template-columns: [weekno] 1fr [mon] 10fr [tue] 10fr [wed] 10fr [thu] 10fr [fri] 10fr [sat] 10fr [sun] 10fr;
  grid-template-rows: [header] 2fr repeat(6, 6fr);
}