#hi {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.body {
  background-color: #0F172A;
}

.headline {
  color: #E5E7EB;
}

/* card css gedoe */
.card {
  border-radius: 8px;
  border-width: 7px;
  border-color: #1F2933;
  transition-duration: 100ms;
  background-color: #111827;
}

.card:hover {

  transform: scale(1.15);
  transition-duration: 100ms;

}


.card-title {
  color: #F9FAFB;
}

.card-text {
  color: #E5E7EB;
}

.card-date {
color: #9CA3AF;
font-size: 16px;
}

.btn {

  transition-duration: 100ms;

  background-color: #121416;
  border-radius: 5px;
  border-width: 5px;
  border-color: #1F2933;
  color: #3B82F6;
}

.btn:hover {
  transition-duration: 100ms;
  transform: scale(1.1);
    background-color: #121416;
  border-radius: 5px;
  border-width: 5px;
  border-color: #1F2933;
  color: #60A5FA;
}