/* Анимация для всех ссылок */

a {
  color: black;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}


a:hover {
  color: red;
}


/* посещенная ссылка */
h2 a:visited {
  color: black;
}

/* создаем линию */
.layout a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: red;

  transform: scaleX(0);          /* изначально скрыта */
  transform-origin: left;        /* растёт слева направо */
  transition: transform 0.3s ease;
}

/* hover */
.layout a:hover {
  color: red;
}

/* анимация линии */
.layout a:hover::after {
  transform: scaleX(1);          /* появляется */
}




.site-name a {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: #db2b36;
}