.maklom__body-header-content {
  flex-direction: column;
  display: flex;
  width: 100%;
  align-items: center;
}

.maklom__contents {
  display: grid;
  grid-template-columns: repeat(auto-fill, 400px);
  justify-content: space-around;
  grid-gap: 20px;

  width: 80%;
}

.maklom__contents-item {
  width: 400px;
  height: 200px;
  margin: 20px;
  background: whitesmoke;
  padding: 2rem;
  filter: drop-shadow(0 0 0.2rem darkgray);
}

.maklom__contents-item:hover {
  filter: drop-shadow(0 0 0.5rem darkgray);
}

.maklom__contents-item a {
  color: black;
  font-size: 20;
  font-weight: bold;
}

.maklom__contents-item a:hover {
  color: blue;
}