.bas{
      margin: 20px 60px;
      margin-top: 20px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      overflow: hidden;

  }

section {
      margin: 20px 60px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      overflow: hidden;
      border-radius: 10px;
}

section ul {
      display: none;
}

section:hover ul,
section:focus-within ul {
    display: block;
}

h2{
      color: #0000ff;
}
  

section:hover ul,
section:focus-within ul {
      display: block;
}

.box{
      margin: 20px 60px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      overflow: hidden;
      border-radius: 10px;
}

.box ul {
      display: none;
}

.box:hover ul,
.box:focus-within ul {
      display: block;
}

  
.e a:link,
.e a:visited {
      color: blue; /* normal renk */
}

.e a:hover,
.e a:active {
      color: red; /* Tıklanınca veya üzerine gelinceki renk değiştir */
}


img {
      max-width: 20%;
      height: auto;
      float: left;
      margin-right: 30px;
      border-radius: 10%;
  }

  /* Mobil cihazlar için medya sorgusu */
/* Mobil cihazlar için medya sorgusu */
@media screen and (max-width: 768px) {
      /* .bas sınıfı düzenlemesi */
      .bas {
          margin: 10px;
          padding: 30px;
          box-shadow: none;
      }
  
      /* section düzenlemesi */
      section {
          margin: 20px 10px; /* Dikey boşluk artırıldı */
          padding: 15px;
          border-radius: 8px;
          box-shadow: none;
          padding: 10px;
      }
  
      /* Liste gizleme */
      section ul,
      .box ul {
          display: none;
      }
  
      h2 {
          font-size: 1.2em;
          text-align: center;
      }
  
      /* .box sınıfı düzenlemesi */
      .box {
          margin: 20px 10px; /* Dikey boşluk artırıldı */
          padding: 15px;
          border-radius: 8px;
          box-shadow: none;
      }
  
      /* Görsel düzenleme */
      img {
          max-width: 70%;
          height: auto;
          margin: 10px auto;
          float: none;
          display: block;
          border-radius: 10%;
      }
  }