h1::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

h1:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

h1::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: #fbcd00;
  z-index: -1;
  transition: transform .5s ease;
}

h1 {
  position: relative;
  font-size: 5rem;
}


@media (orientation: landscape) {
  body {
    grid-auto-flow: column;
  }
}


@media screen and (min-width: 1201px) {
    ::-webkit-scrollbar-thumb {
        background: #FBCD00;
        border-radius: 10px;
    }
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: #091E2B;
    }
}



::selection {
    background: #FBCD00;
}

/*Увеличение ширины сетки стандартных блоков до 320px*/
/*@media screen and (max-width: 480px) {*/
/*.t-col { padding: 0 10px !important; }*/
/*.t-container { max-width: 320px !important; }*/
/*}*/


/*Увеличение ширины сетки стандартных блоков до 360px*/

@media screen and (max-width: 640px) {
    .t-col { padding: 0 0px !important; }
    .t-container { max-width: 360px !important; }
    .t897__container { max-width: 360px !important; } /*Кейсы*/
    .t915__container { max-width: 360px !important; } /*Лучшие практики*/
}


/*Уменьшает расстояние между пунктами в нумерованном стандартном блоке FR103 на мобильном разрешении*/
@media screen and (max-width: 640px) {
        .t510 .t-list__item {
            margin-top: 16px!important;
        }
    }

/*Изменение маркеров списка на картинку, картинка находится в футере*/
ul {
    list-style-image: url("https://static.tildacdn.com/tild6235-6664-4965-b565-306134653165/marker_new.svg")
}