/*Órarend*/
/*tábla cellái azonos méretűek*/

#orarend h1{
    text-align: center;
    margin-bottom: 2rem;
}


.schedule {
  display: grid;
  grid-template-columns: 100px repeat(7, 1fr);
  gap: 6px;
  max-width: 1200px; min-width: 1400px;
  margin: 40px auto;
  color: white;

  
}

.schedule-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* fejléc */
.day {
  text-align: center;
  font-weight: bold; font-size: 120%;
  color: #c32b2f;
  padding: 6px 0;
}

.corner {
  background: transparent;
}

/* idő oszlop */
.time {
  font-weight: bold;
  text-align: center;
  color: #ccc;

  display: flex;
  align-items: center;   
  justify-content: center;
  
  
  
}

/* cellák */
.cell {
  background: #111;
  border: 2px solid #444;
  padding: .8rem;
  text-align: center;
  
  
}
.cell:hover{
    background-color: rgb(54, 54, 54);
    cursor: pointer;
    transform: scale(1.02);
    transition: all;
    transition-duration: 0.3s;
    
}

.time{
  position: sticky; left: 0; overflow:hidden; z-index: 99;
  background: #111; border: 2px solid #444;
}
.day{
  position: sticky; top: 0; overflow:hidden; z-index: 100;
}