.t-sociallinks__item_vkmessenger:hover {
  opacity: 0.6;
}
.t-sociallinks__item_vkmessenger::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}
.t-sociallinks__item_vkmessenger:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}
.t-sociallinks__item_vkmessenger:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}
.t-sociallinks__item_vkmessenger:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}
.t446__list_item::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t446__list_item:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t446__list_item:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t446__list_item:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}


.t-sociallinks__item_vk:hover {
  opacity: 0.6;
}


.t-sociallinks__item_viber:hover {
  opacity: 0.6;
}

.t-sociallinks__item_telegram:hover {
  opacity: 0.6;
}

.t446__right_buttons:hover {
  opacity: 0.6;
}

.t446__right_buttons_but::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t446__right_buttons_but:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t446__right_buttons_but:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t446__right_buttons_but:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}


.t-sociallinks__item_vk::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
	}

.t-sociallinks__item_vk:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t-sociallinks__item_vk:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t-sociallinks__item_vk:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}


.t-sociallinks__item_viber::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t-sociallinks__item_viber:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t-sociallinks__item_viber:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t-sociallinks__item_viber:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t-sociallinks__item_telegram::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t-sociallinks__item_telegram:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t-sociallinks__item_telegram:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t-sociallinks__item_telegram:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

/*.t179 {z-index: 2;


}
.t-container_100 {z-index: 1;
    top: 640px;
}*/
.t256__play-icon::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}
.t256__play-icon:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}
.t256__play-icon:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}
.t256__play-icon:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}


.t694__table::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}
.t694__table:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}
.t694__table:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}
.t694__table:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}


* {
    padding: 0;
    margin: 0;
}

body {
    background: #042f36;
}

.wrapper 11 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: 10%;
}

.title {
    width: 21ch;
    overflow: hidden;
    color: white;
    font-size: 40px;
    font-family: monospace;
    white-space: nowrap;
    border-right: 4px solid orange;
    animation: printed-text 5s steps(21),
        flashin-border .75s step-start infinite;
}

@keyframes flashin-border {
    0% {
        border-color: orange;
    }

    50% {
        border-color: transparent;
    }

    100% {
        border-color: orange;
    }
}

@keyframes printed-text {
    from {
        width: 0%;
    }
}








.t-menu__link-item::before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t-menu__link-item:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t-menu__link-item:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t-menu__link-item:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}







.t228__right_buttons_but:before {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 0 auto 10px; /* Отступ с боков по центру и снизу */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */
}

.t228__right_buttons_but:hover:before {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t228__right_buttons_but:after {
    content: '';
    display: block;
    height: 1px; /* Высота линии */
    background: #ffffff; /* Цвет линии */
    width: 0px; /* Ширина линии до наведения */
    margin: 10px auto 0; /* Отступ с боков по центру и сверху */
	transition: 0.25s; /* Время, за которое линия возвращается после наведения */-->
}

.t228__right_buttons_but:hover:after {
    width: 100%; /* Ширина линии при наведении */
	transition: ease-out 0.25s; /* Время, за которое линия расширяется при наведении */
}

.t228__right_buttons_but:hover {
  opacity: 0.6;
}