html,
body {
  
  background-color: rgb(211, 211, 211);
  font-family: serif;
  /* Arka plan siyah */
  

}



.custom-navbar .navbar-nav {
  display: flex;
  justify-content: center;
  background-color: aliceblue;
  backdrop-filter: blur(1px);
  border-radius: 2em;
  border-left: 2px solid rgba(0, 149, 82, 1);
  border-right: 2px solid rgba(0, 149, 82, 1);
  border-bottom: 7px solid rgb(0, 53, 101);
  border-top: 1px solid rgb(0, 53, 101);
  width: 80%;
  margin: auto;
  position: relative; /* Navbarın daha yüksek bir z-index ile görünmesini sağlar */
  z-index: 1000;
  
  
  
  
  /* Yarı saydam arka plan rengi */

}

.nav-item:hover{
  background-color: rgba(0, 150, 80, 0.436);
  border-radius: 2em;
}
.nav-item{
  transition: background-color 0.5s ease, border-radius 0.5s ease;
  
}

.nav-link.dropdown-toggle::after {
  display: none;
  /* Ok simgesini gizler */
}

.navbar .dropdown-menu {
  position: absolute; /* Menünün konumlandırmasını etkiler */
  z-index: 1050; /* Daha yüksek bir değer atayın */
  top: 100%; /* Menüyü tam olarak aşağı hizalar */
  left: 0;

  background-color: aliceblue;
}



.dropdown-item {
  color: white;
  transition: background-color 0.5s ease, border-radius 0.5s ease;
  
  /* Yazı rengi */
}

/* Yazının üzerine gelindiğinde renk değişimi için isteğe bağlı */
.dropdown-item:hover {
  background-color: rgba(0, 150, 80, 0.436);
  border-radius: 3em;
  /* Hover rengi */
  color: white;
  /* Hover'da yazı rengi */
}




.dropdown-img {
  width: 10%;
}

.navbar-toggler {
  background-color: aliceblue;
  border-radius: 2em;
  border: 2px solid rgba(0, 149, 82, 1);
  padding: 10px 20px; /* Added padding for better touch targets */
  cursor: pointer; /* Change cursor to pointer for better UX */
  transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transitions for hover effects */
}

.spmed{
  height: 11px;
}
.footernavbar{
  background-color: rgb(12, 22, 30);
  border-radius: 1em;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  border-top: 1px solid rgb(0, 53, 101);
}
.footernavbar p{
  color: aliceblue;
  
  text-decoration: none;
}