@charset "UTF-8";
:root{
    --main-color: rgb(255, 255, 255);
    --white: #ffffff;
    --istoc: #ffffff79;
    --active-btn: rgb(255 110 110);
    --inaclive-btn: rgb(196, 196, 196);
    --main-color-dark: rgb(194, 194, 194);
    --border-color: hsla(0, 0%, 100%, 0.349);
    --copy-ip-hover: rgba(255, 255, 255, 0.102);
    --copy-ip-click: rgba(255, 255, 255, 0.2);
    --background-color: rgb(15, 19, 22);
    --aboba: #8884;
}

::-webkit-scrollbar-track {
    background: var(--background-color);        /* цвет дорожки */
    border-radius: 100px; 
  }
::-webkit-scrollbar-thumb {
    background-color: var(--main-color-dark);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 4px solid var(--background-color);  /* padding вокруг плашки */
}
::-webkit-scrollbar {
    width: 15px;               /* ширина scrollbar */
}

*, *::before, *::after {
  box-sizing: inherit;
}

html, body{
    scroll-behavior: smooth;
    height: 100%;
    width:100%;
    overflow-x:hidden;
}

*::selection {
  background: var(--aboba);
  border-radius: 30px;
}

body{
    background: var(--background-color);
    text-align: center;
    width: 100%;
    padding:0px;
    margin:0 auto;
}

#home {
  flex-direction: column;
}

section{
    position: relative;
    max-width: 100%;
    height: 850px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    color: var(--main-color);
}

section:nth-child(odd){

}

section:nth-child(even){
    
}

.header_header__Rdmtp {
  background: rgb(15 19 22) !important;
}

.progress_progress__wVPFi {
  background: rgb(15 19 22) !important;
}

.container{
  max-width: 80%;
  margin: 0;
}

.menu{
    position: fixed;
    top: 20px;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

ul li{
  display: inline;
}

nav li a{
    position: relative;
    padding: 8px 25px;
    font-size: 3em;
    display: inline-block;
}

.ds {
    color: var(--main-color);
    cursor: default;
    text-decoration: none;
    font-family: "Poppins";
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px var(--main-color-dark);
    transition: 0.3s;
}
.ds:hover {
    animation: glow 0.5s ease-in-out infinite alternate;
    text-decoration: none;
}

h1 {
    font-family: 'Teko', sans-serif;
    font-size: 7em;
    text-transform: uppercase;
    animation: glow 2s ease-in-out infinite alternate;
    text-align: center;
}


.name{

}

.name.acm{

}


  @keyframes glow {
    from {
      text-shadow: 0 0 20px var(--main-color);
    }
    to {
      text-shadow: 0 0 30px var(--main-color), 0 0 10px var(--main-color-dark);
    }
}


.muzmain{
    position: absolute;
}

  
  .muzcontainer{
    position: relative;
    display:inline-block;
    line-height: 1em;
    top: 45%;
    height: 330px;
    overflow: auto;
}

.arrow{
    color: var(--white);
    position: relative;
    text-align: center;
    font-family: "Poppins";
  }

  .arroww {
    display:inline-block;
    color: var(--white);
    position: relative;
    font-family: 'Futura PT Light',Arial,sans-serif;
    font-size: 2em;
    width: 760px;
    text-align: left;
  }

  .ar {
    text-align: center;
    font-family: 'Montserrat',Arial,sans-serif;
    text-shadow: 0 0 10px var(--white);
  }
  
  .ap {
    color: var(--istoc)
  }
  
.muzc{
    padding:6px 0px;
}

.inf{
    width: 500px;
    height: 152px;
    border-radius: 15px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

img {
    width: 100%;
    height: 100%; 
    object-fit: contain;
  }
  
  
  .slider {
    display:inline-block;
    overflow: hidden;
    position: relative;
    /* animation: gloww 2s ease-in-out infinite alternate; */
    box-shadow: 0 8px 30px 1px var(--active-btn);
  }

  .slick-slider{
    height: 500px;
    width: 500px;
  }

  .slick-track{
    display: flex;
   }

   .slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 2rem;
    margin-right: 15px;
    margin-left: 15px;
  }
  /* Стрелка влево */
  .slick-arrow.slick-prev{
    left: 0;
    color: var(--inaclive-btn);
  }
  /* Стрелка вправо */
  .slick-arrow.slick-next{
    right: 0;
    color: var(--inaclive-btn);
  }
  
  .slick-arrow.slick-prev:hover{
    left: 0;
    color: rgb(114, 114, 114);
  }
  /* Стрелка вправо */
  .slick-arrow.slick-next:hover{
    right: 0;
    color: rgb(114, 114, 114);
  }

.photo{
  margin:0 30px;
}

ul{
  margin-left: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}


.slick-dots{
  display: flex;
  top: 10px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.slick-dots li{
  list-style: none;
  margin: 0px 10px;
}
.slick-dots li.slick-active button{
  background-color: rgb(255 110 110);
  box-shadow: 0 0 10px 1px rgb(255 110 110);
  border: none;
}
.slick-dots li{
  display:inline-block;
}
.slick-dots li button{
  font-size: 0;
  height: 7px;
  width: 7px;  
  padding: 0;
  border: none;
  background-color: var(--inaclive-btn);
  border-radius: 50%;
}

.footer{
  position: relative;
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins";
  color: var(--main-color);
}

.fucon{
  position: relative;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fl{
  left: 0;
  position: absolute;
  display: inline-grid;
}

.fl > a{
  margin-top: 10px;
  transition: 0.3s;
}

.fl > a:hover {
  color: var(--inaclive-btn)
}

.fr{
  /* right: 0; */
  position: absolute;
  display: flex;
  flex-flow: column;
}

ul.ulfu li {
  display: inline-block; /* Отображать как строчный элемент */
  margin-right: 5px; /* Отступ слева */
  padding: 3px; /* Поля вокруг текста */
  font-size: 1.8em;
  color: var(--main-color);
  transition: 0.3s;
  width: auto;
}

ul.ulfu li a:hover {
  color: var(--inaclive-btn)
}

a > svg {
  width: 28px;
  height: 28px;
}

svg{
  fill: var(--main-color);
}

a {
  cursor: default;
  color: inherit;
  text-decoration: none;
  text-align: center;
}

.social {
  font-size: 18px;
  font-family: 'FFGoodProCond', Arial, sans-serif;
  font-weight: 400;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  letter-spacing: 0.03em;
  cursor: pointer;
}

.social > i {
  margin-right: 8px;
  font-size: 26px;
}

.soc{
  font-size: 16px;
  color: var(--main-color-dark);
  font-family: 'FFGoodProCond', Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  position: relative;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.soc2{
  font-size: 12px;
  color: var(--main-color-dark);
  font-family: 'FFGoodProCond', Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  position: relative;
  align-items: flex-start;
  display: flex;
  margin-bottom: 5px;
}

.ulfu {
  margin-bottom: 25px;
}

ul.ulfu li a:hover .telegram-icon {
  animation: waveShake 1.5s ease infinite;
}

.social-link a:hover .telegram-icon {
  animation: waveShake 1.5s ease infinite;
}

.social-link {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.d-icon_heart {
  display: flex;
    filter: brightness(0) invert(1);
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.d-button__inner {
  align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    font-family: 'FFGoodProCond', Arial, sans-serif;
    font-weight: 400;
}

.social-like{
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

@keyframes waveShake {
  0%, 100% { 
      transform: rotate(0deg) translateX(0); 
  }
  25% { 
      transform: rotate(2deg) translateX(-2px); 
  }
  50% { 
      transform: rotate(-2deg) translateX(2px); 
  }
  75% { 
      transform: rotate(2deg) translateX(-2px); 
  }
}

.telegram-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}


/* кпкупукппук */

.subscribe-notification {
  position: fixed; /* Фиксированное позиционирование */
  bottom: 60px; /* Отступ от нижнего края */
  right: 60px; /* Отступ от правого края */
  z-index: 1000; /* Убедитесь, что уведомление выше других элементов */
}

.social-link a:hover .telegram-iconn {
  animation: waveShake 1.5s ease infinite;
}

.telegram-iconn {
  display: flex; /* Размещаем иконку в центре */
  cursor: pointer; /* Указатель при наведении */
  filter: brightness(0) invert(1);
  width: 24px;
  height: 24px;
}

.telegram-icon-img {
  width: 40px; /* Ширина иконки */
  height: 40px; /* Высота иконки */
  animation: waveShake 0.6s 3; /* Анимация волнения, проигрывается один раз */
  transition: transform 0.3s; /* Анимация при наведении */
}

.telegram-icon:hover .telegram-icon-img {
  transform: scale(1.1); /* Увеличение иконки при наведении */
  animation-play-state: paused; /* Остановка анимации при наведении */
}



@font-face {
  font-family: 'Futura PT Light';
  src: url('../fonts/FuturaPT-Light.eot');
  src: url('../fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FuturaPT-Light.woff') format('woff'),
  url('../fonts/FuturaPT-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'FFGoodProCond';
  src: url('../fonts/FFGoodProCond-Bold.eot');
  src: url('../fonts/FFGoodProCond-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FFGoodProCond-Bold.woff') format('woff'),
  url('../fonts/FFGoodProCond-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



/**
 * CODEPEN PROMOTION
 * unrelated to particle system
 */
.codepen-promo:active, .codepen-promo:hover, .codepen-promo:link, .codepen-promo:visited {
  bottom: 30px;
  display: block;
  position: absolute;
  right: 30px;
  width: 200px;
  z-index: 99;
}

.codepen-promo-image {
  width: 100%;
}

.unsplash-promo:active, .unsplash-promo:hover, .unsplash-promo:link, .unsplash-promo:visited {
  bottom: 30px;
  display: block;
  position: absolute;
  left: 30px;
  width: 400px;
  z-index: 99;
  color: #666;
  text-decoration: none;
}/*# sourceMappingURL=tt.css.map */