html, body
{  
   outline: none;
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #f5f5f5;

   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   color: #333;
   box-sizing: border-box;
   user-select: none;
}

.sayfa-tema-kontrol
   {
      display: flex;
      flex-direction: column; 
      min-height: 100vh; 
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box;
      overflow-x: hidden;
   }


.ust-bolum
   {
      display: flex;
      flex-direction: row; 
      align-items: center; 
      justify-content: space-between; 
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      flex-shrink: 0;
   }


.sol_ust_logo
   {
      width: 10%;
      font: 120px bolder Berpatroli Selamanya;
      text-align: center;
      flex-shrink: 0;
      border-radius: 6px;
      box-shadow: 0px 0px 10px #FFD700;
   }

.sol_ust_marka
   {
      width: auto;
      padding-left: 12px; margin-left: 6px;
      padding-right: 12px;
      font: 30px bolder Clarendon Blk BT;
      text-align: left;
      flex-shrink: 0;
   }

.ust_giris_menu
   {
      border: 1px dotted red;
      flex-grow: 1;
      padding: 10px;
      box-sizing: border-box;
      min-width: 0;
   }


.tema-secim-kutusu
   {
      flex-shrink: 0;
      margin-left: 10px;
   }


.alt-bolum
   {
      display: flex;
      flex-direction: row;
      flex-grow: 1; 
      width: 100%;
      box-sizing: border-box;
      padding: 6px;
      min-width: 0; 
   }


.sol-bilgi-kutusu
   {
      width: 140px;
      border: 1px solid red;
      flex-shrink: 0;
      margin-right: 6px;
      box-sizing: border-box;
      overflow: hidden; 
   }

.ana_menu_buton
   {
      width: 90%; height: 30px; margin: 2px; border: 1px solid silver; font: 12px Arial;
   }

.ana_menu_buton:hover
   {
      font: 13px Arial;
   }

.ana_menu_buton:active
   {
      background: #BDBDBD; font: 12px Arial;
   }