.test {
  margin-left: 40px;
}

.center {
  display: grid;
  place-items: center;
}

.shadowProperty {
  box-shadow: 5px 10px 18px #888888;
  background-color: #fffffff5 !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.shadowProperty:hover {
  transform: scale(1.05);
  box-shadow: 8px 12px 22px #777777;
}

.mixPatternCard {
  box-shadow: 5px 10px 18px #888888;
  background-color: #ffffff !important;
 
}

.navbar {
  background-color: rgb(24, 24, 24);
 
}

.baslik {
  margin-top: 100px;
}
.navbar-nav .nav-item {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}