.text-stroke .tn-atom {
    /* Укажи толщину обводки */
    -webkit-text-stroke: 1px;
    -webkit-text-fill-color: transparent;
}




/* тень для заголовков */

:root {
--shadow: 6px 4px 3px rgba(0,0,0,0.42); /* mexdy OBceMoWieN u mowKod ¢ Zanamel MoxHO MeHa*/
}
.shadowtext {
	text-shadow: var(--shadow);
}
.shadowpic {
filter: drop-shadow(var(--shadow));
  }

/* тень для текста */
:root {
--shadow: 2px 3px 2px rgba(0,0,0,0.42); /* mexdy OBceMoWieN u mowKod ¢ Zanamel MoxHO MeHa*/
}
.shadowtext1 {
	text-shadow: var(--shadow);
}
.shadowpic1 {
filter: drop-shadow(var(--shadow));
  }



SmoothScroll({
    // Время скролла 400 = 0.4 секунды
    animationTime    : 800,
    // Размер шага в пикселях 
    stepSize         : 75,

    // Дополнительные настройки:
    
    // Ускорение 
    accelerationDelta : 30,  
    // Максимальное ускорение
    accelerationMax   : 2,   

    // Поддержка клавиатуры
    keyboardSupport   : true,  
    // Шаг скролла стрелками на клавиатуре в пикселях
    arrowScroll       : 50,

    // Pulse (less tweakable)
    // ratio of "tail" to "acceleration"
    pulseAlgorithm   : true,
    pulseScale       : 4,
    pulseNormalize   : 1,

    // Поддержка тачпада
    touchpadSupport   : true,
})




.t-body {
    overflow: overlay !important;
}

::-webkit-scrollbar {
    cursor:grab !important;
    width: 10px;
    background-color: rgb(255 205 0 / 1%);
}
 
 ::-webkit-scrollbar {
   cursor:grab !important;
}
::-webkit-scrollbar-thumb {
    cursor:grab !important;
    background-color: rgb(255 205 0 / 100%);
    border-radius: 5px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}


.extrabold .tn-atom {font-weight: 900!important}


/* цвет ссылок */



.link[data-elem-type="text"] a {
    border: 0 !important;
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    transition: all 0.5s ease !important;
    /* цвет ссылки до наведения */
    color:  !important;
}

.link[data-elem-type="text"] a:hover {
    /* цвет ссылки после наведения */
    color: #fccc00 !important;
}

.link[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.5s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: 2px;
    /* толщина подчеркивания */
    height: 2px;  
    /* цвет подчеркивания до наведения */
    background: transparent; 
     
    opacity: 0;
    top: auto;
    bottom: 20%;
    left: 0;
    right: 0;
    width: 100%;
     
}

.link[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #fccc00;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}