/* Banner */
  .banner {
      background: linear-gradient(to right, #006400, #000);
      color: white;
      padding: 20px 15px;
      text-align: center;

    }

    .banner h1 {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .banner p {
      font-size: 0.9rem;
      margin-bottom: 12px;
    }

   
    .search-box {
      max-width: 450px;
      margin: 0 auto;
    }
    .search-box input {
      border-radius: 20px;
      padding: 8px 15px;
      border: 1px solid #ccc;
      font-size: 0.9rem;
    }
    .search-box button {
      background-color: #28a745; 
      color: black;
      border-radius: 20px;
      padding: 8px 15px;
      font-size: 0.9rem;
      border: 1px solid #28a745;
      transition: 0.3s;
    }
    .search-box button:hover {
      background-color: #000;
      color: white;
    }

  


    /* Sabit Menü */
.sabit-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: linear-gradient(to right, #006400, #000);
  /*background-color: black;*/
  color: white;
  top: 130px; /* Banner'ın altında */
  left: 0;
  width: 100%;
  z-index: 999;
  /* Tasarımla uyumlu yeşil çizgi */
  /*border-bottom: 2px solid #28a745; */
  border-bottom: 2px solid #28a745;
  /*border-top: 2px solid black;*/
}

.sabit-menu a {
  color: black;
  font-size: 0.95rem;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
  padding: 1px 5px;
  /*background-color: green;*/
  background-color: white;
  border-radius: 4px;
  margin-bottom: 3px;
}

.sabit-menu a:hover {
  color: #28a745;
  /*color: black;  */
  
}

/* Yazar Ol yanıp sönme efekti */
.sabit-menu .yazar-ol {
  background-color: red;
  color: white;
  border-radius: 4px;
  padding: 1px 5px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% {
    background-color: red;
    color: white;
  }
  25%, 75% {
    background-color: white;
    color: red;
  }
}