body{
	overflow-y: hidden;
}
  .grid-container {
    display: grid;
    grid-template-columns: 1fr; /* One column */
    gap: 10px; /* Gap between rows */
  }

  .pageTitle {
      margin: auto;
      width: auto;
      white-space: nowrap;
      text-align: center;
      font-size: clamp(1rem,2vw, 3rem);
      /*border: 1px solid black;*/
      margin-bottom: 20px;
    }

  .videoTitle {
      margin: auto;
      width: auto;
      white-space: nowrap;
      text-align: center;
      font-size: clamp(1rem, 2vw, 4rem);
      /*border: 1px solid black;*/
      justify-content: center; /* Center horizontally */
	  margin-bottom: 5px;
      visibility: hidden;
    }

  .videoContainer {
        max-width: 1000px;
  		aspect-ratio: 16 / 9;
        align-content: center;
        border: 1px solid black; /* Adjust the border as needed */
        margin: auto;
        margin-bottom: 5px;
    }
/* Styles for devices in portrait orientation */
  @media (orientation: portrait) {
    .videoContainer {
      //background-color: lightcoral;
    }
  }

  /* Styles for devices in landscape orientation */
  @media (orientation: landscape) {
    .videoContainer {
          //background-color: lightgreen;
        }
    }

  .blue {
    margin-top: 1px;
    padding: 5px;
    overflow-y: scroll; /* Enable vertical scrolling */
    height: 300px; /* Set a fixed height to enable scrolling */
    /*background-color: orange;*/
    overflow-x: hidden;
  }
  
  .flexDiv {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
	/*border: 1px solid black;*/
    gap: 20px;
    height: 1000px;
    margin-top: 10px;
    padding: 10px;
    /*background-color: yellow;*/
    min-width: 300px;
    
}
	.row {
    	height: 400px;
        min-width: 300px;
        max-width: 300px;
    }
h2 {
        text-align: center;
     }

    .MyList {
            max-width: 100%; /* the list fits the width of the div */
            max-height: 300px;
            overflow-y: auto; /* Allows vertical scrolling if needed */
            overflow-x: hidden;
            padding-left: 5px;
            padding-right: 5px;
			white-space: nowrap;
            background: #F2C31A;
            font-size: clamp(0.75rem,0.85vw, 0.85rem);
        }