.ana-icerik-alani
   {
      border: 1px solid green;
      flex-grow: 1;
      box-sizing: border-box;
      min-width: 0;

      display: flex;
      flex-direction: column;
   }


.menu-bandi-penceresi /* sürükleme işlemi bu alanda çalışıyor */
   {
      height: 350px;
      border-radius: 5px;
      padding: 6px;
      background: white;
      border: 1px solid dimgray;
      box-shadow: inset 0px 0px 2px 1px dimgray;

      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;


      overflow-x: auto;

      box-sizing: border-box;
      flex-grow: 1;
      min-width: 0;
      align-items: flex-start;


      position: relative;
      z-index: 1; /* bu değerler tüm sayfa nesneleri ile birlikte değerlendirilicek */

      /* WebKit tabanlı tarayıcılar (Chrome, Safari, Edge) için skrol gizleme */
      &::-webkit-scrollbar
         {
            display: none;
         }

      scrollbar-width: none; /* firefox skrol gizleme */

      -ms-overflow-style: none; /*exp + edge skrol gizleme */
   }


.menu-kutusu
   {
      margin-top: 10px; margin-left: 10px;
      min-height: 300px; 
      box-sizing: border-box; 
      border: 1px solid blue;
      flex: 0 0 275px; display: flex; flex-direction: column;

   }


.menu-kutusu:first-child
   {
      margin-left: 0;
   }


.menu-baslik
   {
      width: 100%; height: 20px; line-height: 1px;
      display: flex;
      justify-content: center;
      align-items: center; 
      font: bold 13px Arial;
      box-sizing: border-box;
      flex-shrink: 0;
   }

   .mavi-cerceve {
   border-color: darkblue;
}

.gri-cerceve {
   border-color: silver;
}

.bej-cerceve {
   border-color: #cd853f;
}
.kahve-cerceve {
   border-color: saddlebrown;
}

.kizil-cerceve {
   border-color: darkred;
}

.siyah-cerceve {
   border-color: black;
}