//    * {
//      box-sizing: border-box;
//    }

    .schedule {
      display: grid;
      grid-template-columns: repeat(21, 1fr);
      grid-template-rows: 30px repeat(5, 70px);
      width: 100%;
      max-width: 1540px;
      margin: 20px auto;
      // border: 3px solid #111;
      border-right: none;
      border-bottom: none;
      font-weight: 500;
    }

    .cell {
//      border-right: 3px solid #111;
//      border-bottom: 3px solid #111;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 125%;
    }

    .time {
      border: 0;
      // border-bottom: 3px solid #111;
      // font-size: 24px;
      align-items: flex-start;
      padding-top: 0;
    }

    .day {
      // justify-content: flex-start;
      // border-left: none;
      // font-size: 28px;
      // padding-left: 0;
      text-align: right;
      justify-content: right;
      padding-right: 1ex;
    }

    .yellow { 
	background: #ffeaa7; 
	border-top: 3px solid #111;
	border-left: 3px solid #111;
	}

    .green  { 
	background: #afd18f;
	border-top: 3px solid #111;
	border-left: 3px solid #111;
	}
	
    .red    { 
	background: #ff9999;
	border-top: 3px solid #111;
	border-left: 3px solid #111;
	}
	
    .blue   { 
	background: #a9c9e8;
	border-top: 3px solid #111;
	border-left: 3px solid #111;
	}
	
    .gray   { 
	background: #ccc;
	border-top: 3px solid #111;
	border-left: 3px solid #111;
	}

    .small {
      font-size: 110%;
      font-weight: 500;
    }
    
    .rightcolumn {
	border-right: 3px solid #111;
    }
    
    .bottomrow {
	border-bottom: 3px solid #111;
    }
    
    .bold {
      font-weight: 500;
    }