/* Adjustments for small screens
@media (height <= 720px) {
  body.rotated .main-content {
    font-size: 1.7vh;
  }
}
  */

/* Adjustments for large screens
@media (height >= 1080px) {
  body.rotated .main-content {
    font-size: 2.5vh;
  }
}
  */

/* Responsive: Stack Buttons on Small Screens
@media (width <= 600px) {
  .button-group {
    flex-direction: column;
    align-items: center;
  }
}
  */

/* Media queries for extreme cases
@media (height <= 600px) {
  body.rotated .main-content {
    font-size: 1.8vh;
    padding: 0.8rem;
  }


  .class-title {
    font-size: 2.8vw;
  }

  h2 {
    font-size: 3.5vh;
    margin: 1vh 0;
  }

  .warmup-block,
  .format-block,
  .class-block {
    padding: 1vh;
    margin-bottom: 0.5vh;
  }
}

@media (height <= 400px) {
  body.rotated .main-content {
    font-size: 1.6vh;
    padding: 0.5rem;
  }

  .class-title {
    font-size: 2.5vw;
  }

  h2 {
    font-size: 3vh;
    margin: 0.5vh 0;
  }
}
  */