a {
  text-decoration: none;
  color: blue;
}

.titulu,
.subtitulu,
.naran {
  text-transform: capitalize;
}

ul li {
  list-style: none;
}

:root {
  --primary-color: #547793;
  --secondary-color: #f7f2ef;
  --card-color: #c1c9cc;
  --button-color: #e0e0e0;
}

.a {
  background-color: var(--primary-color);
}

.b {
  transition: 0.5s;
  background-color: var(--secondary-color);
}

.c {
  background-color: var(--card-color);
}
.bb {
  background-color: var(--button-color);
}

.b:hover {
  /* transform: translate(10px ,1px); */
  transform: translateX(3px) translateY(-2px);
  box-shadow: 3px 3px 20px var(--primary-color);
}
.b img {
  transition: 0.5s;
}
.b img:hover {
  box-shadow: 3px 3px 20px var(--primary-color);
  transform: scale(1.2);
  z-index: 2;
}