:root {
--bluebg:#A037D1;
--blue:#05C9AA;
--white:#FFF;
--fontsize: 22px;
}

@media (max-width:1680px) {
	:root {
	--fontsize: 20px;
	}
}

@media (max-width:1440px) {
	:root {
	--fontsize: 18px;
	}
}

* {
font-family: "Ubuntu Mono", monospace;
font-size: var(--fontsize);
}

body {
background: var(--bluebg);
color: var(--white);
font-size: var(--fontsize);
}


h1 {
 font-family: 'Thunder Bold Ita';
color: var(--blue);
margin: 0;
}

.header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0.67rem 1.11rem;
}

.header__icons {
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
width: calc(50% - 5rem);
}

.header__icons-item {
margin-right: 0.5rem;
}

.header__icons-item-src {
fill:var(--white);
transition: 300ms;
}

.header__icons-item-src:hover {
fill:var(--blue);
}

.header__icons-item-01 {
width: 1.94rem;
height: 1.94rem;
}

.header__icons-item-02 {
width: 1.56rem;
height: 1.78rem;
}

.header__icons-item-03 {
width: 1.78rem;
height: 1.61rem;
}

.header__icons-item-04 {
width: 1.78rem;
height: 1.78rem;
}

.header__icons-item-05 {
width: 1.78rem;
height: 1.78rem;
}

.header__icons-item-06 {
width: 1.94rem;
height: 1.94rem;
}

.header__icons-item-07 {
width: 1.78rem;
height: 1.94rem;
}

.header__icons-item-08 {
width: 1.94rem;
height: 1.94rem;
}

.header__logo {
font-size: 2.67rem;
 font-family: 'Thunder Bold Ita';
}

.header__exchanges {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
width: calc(50% - 5rem);
}

.header__exchanges-item {
height: 2rem;
font-size: 0.89rem;
padding: 0 1.11rem;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
border-radius: 1.67rem;
background: var(--blue);
color: var(--white);
margin-left: 0.56rem;
}

.header__exchanges-item-icon-01 {
max-height: 0.6rem;
}

.header__exchanges-item-icon-02 {
max-height: 0.9rem;
max-width: 3.5rem;
}

.fs {
padding-top: 5.5rem;
position: relative;
}

.fs__title {
font-size: 33vw;
text-align: center;
margin-left: -4rem;
color: var(--white);
}

.fs__pic {
  width: 33vw;
  position: absolute;
  left: calc(50% - 16.5vw);
  bottom: 8.8vw;

  transform: translateX(-100px); /* Начальное смещение */
  opacity: 0.8; /* Начальная прозрачность */
  animation: slide-in 1s ease-out forwards; /* Анимация */
}

@keyframes slide-in {
  0% {
	transform: translateX(100px); /* Смещение влево */
	opacity: 0.8; /* Невидимо */
  }
  100% {
	transform: translateX(0); /* Конечная позиция */
	opacity: 1; /* Полностью видно */
  }
}

.fs__icons {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

@media (min-width:990px) {

.fs__icons-item {
  position: absolute;
  opacity: 0;
  transform: scale(1.2);
  animation: icon-animate 1s ease-out forwards;
}

.fs__icons-item-01 {
  animation-delay: 0s;
}

.fs__icons-item-02 {
  animation-delay: 0.3s;
}

.fs__icons-item-03 {
  animation-delay: 0.5s;
}

.fs__icons-item-04 {
  animation-delay: 0.8s;
}

.fs__icons-item-05 {
  animation-delay: 1s;
}

@keyframes icon-animate {
  0% {
	opacity: 0;
	transform: scale(1.2);
  }
  100% {
	opacity: 1;
	transform: scale(1);
  }
}

/* Final positions */
.fs__icons-item-01 {
  left: 10vw;
  top: 5vw;
}

.fs__icons-item-02 {
  left: 20vw;
  top: 16vw;
}

.fs__icons-item-03 {
  right: 13vw;
  top: 5vw;
}

.fs__icons-item-04 {
  right: 10vw;
  top: 17vw;
}

.fs__icons-item-05 {
  right: 8vw;
  top: 15vw;
}

}

.ss {
margin: 0 auto;
padding-left: 2rem;
padding-right: 2rem;
max-width: 42.78rem;

display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.ss__center {
width: 100%;
font-size: 2rem;
text-align: center;
padding-bottom: 2.22rem;
}

.ss__col {
width: calc(50% - 0.83rem);
}

.ss__icons {
width: 100%;
justify-content: center;
margin-top: 2.50rem;
}

.how2buy {
position: relative;
margin-top: 4rem;
padding-top: 4rem;
padding-left: 2rem;
padding-right: 2rem;
}

.how2buy__title {
font-size: 25vw;
font-family: 'Thunder Bold Ita';
text-align: center;
}

.how2buy__pic {
width: 33vw;
position: absolute;
left: calc(50% + 3.5vw);
bottom: 3.8vw;
}

.how2buy__icons-item {
//position: absolute;
}

.how2buy__icons-item-01 {
//top:5vw;
//left: 10vw;
width: 6.78rem;
}

.how2buy__icons-item-02 {
//top: 20vw;
//left: 15vw;
width: 12.67rem;
}

.how2buy__icons-item-03 {
//top: 5vw;
//right: 18vw;
width: 6.39rem;
}

.how2buy__icons-item-04 {
//top: 19vw;
//right: 10vw;
width: 8.89rem;
}

.how2buy__text {
max-width: 31.94rem;
margin: 0 auto;
padding-left: 2rem;
padding-right: 2rem;
}

.how2buy__text-block {
font-size: 1.33rem;
margin-bottom: 2.22rem;
position: relative;
}

.how2buy__text-block-inner {
font-size: 1.33rem;
}

.how2buy__text-block-icon {
position: absolute;
}

.how2buy__text-block:nth-child(1) .how2buy__text-block-icon {
left: -9rem;
}

.how2buy__text-block:nth-child(2) .how2buy__text-block-icon {
top: -4rem;
right: -12rem;
}

.how2buy__text-block:nth-child(3) .how2buy__text-block-icon {
left: -9rem;
}

.how2buy__text-block:nth-child(4) .how2buy__text-block-icon {
top: -2rem;
right: -10rem;
}

.how2buy__text-block a {
font-size: 1.33rem;
color: var(--white);
}

.how2buy__text-block span {
position: absolute;
left: -1.5rem;
top:0rem;
font-size: 1.33rem;
}

.how2buy__widget {
max-width: 31.94rem;
width: 100%;
height: 27rem;
border-radius: 1.11rem;
margin-top: 3.33rem;
margin-bottom: 10rem;
}

.supply {
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}

.supply__pic {
width: 15.22rem;
position: absolute;
top: -5rem;
left: 40vw;
}

.supply__title {
font-size: 22vw;
font-family: 'Thunder Bold Ita';
text-align: center;
text-transform: uppercase;
}

.supply__stitle {
font-size: 3.56rem;
text-align: center;
}

.supply__text {
max-width: 31.94rem;
margin: 0 auto;
margin-top: 6.11rem;
text-align: center;
}

.supply__text-pics {
position: relative;
height: 15.75rem;
width: 20.94rem;
margin: 0 auto;
}

.supply__text-pic-01 {
position: absolute;
left: 0;
top:6.13rem;
}

.supply__text-pic-02 {
position: absolute;
top:0;
left: 6.44rem;
}

.supply__text-pic-03 {
position: absolute;
right: 0;
bottom: 0;
}

.supply__text-val {
font-size: 2rem;
margin-top: 1.39rem;
margin-bottom: 8.33rem;
}

.memes {
padding-left: 2rem;
padding-right: 2rem;
text-align: center;
margin-bottom: 1.67rem;
}

.memes__title {
font-size: 19vw;
font-family: 'Thunder Bold Ita';
text-align: center;
text-transform: uppercase;
}

.memes__body {
margin-top: -8rem;
font-size: 0;
}

.memes__body-src {
font-size: 0;
width: 31.11rem;
}

.memes__button {
margin-top: -3.55rem;
cursor: pointer;
}

.memes__button-src {
width: 7.11rem;
transition: transform 0.3s ease;
}


.memes__button-src:hover {
animation: rotateInfinite 3s linear infinite;
}

@keyframes rotateInfinite {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.contacts {
background: #1F314A;
position: relative;
padding-left: 2rem;
padding-right: 2rem;
}

.contacts__title {
font-size: 29vw;
font-family: 'Thunder Bold Ita';
text-align: center;
color: rgba(255,255,255,0.08);
padding-top: 1.39rem;
margin-top: 1.39rem;
}

.contacts__link {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
font-size: 2rem;
color: var(--white);
position: relative;
top:-19vw;
cursor: pointer;
transition: 300ms;
}

.contacts__link:hover {
color: var(--bluebg);
}

.contacts__link-icon {
fill:var(--white);
width:1.44rem;
height:1.67rem;
margin-right: 1rem;
}

.contacts__text {
max-width: 31.94rem;
margin: 0 auto;
padding-bottom: 3.33rem;

}

.contacts__text p {
padding-bottom: 1rem;
}

@media (max-width:990px) {
	:root {
	--fontsize: 16px;
	}
	
	.header {
	padding: 0.67rem 0.56rem;
	}
	
	.header__icons {
	width: calc(50% - 1rem);
	}
	
	.header .header__icons-item-src {
	max-width: 0.94rem;
	max-height: 0.94rem;
	}
	
	.header__logo {
	display: none;
	}
	
	.header__exchanges {
	width: calc(50% - 1rem);
	}
	
	.header__exchanges-item {
	font-size: 0.79rem;
	padding: 0 0.56rem;
	}
	
	.header__exchanges-item:nth-child(3) {
	display: none;
	}
	
	.fs {
	display: flex;
	flex-wrap: wrap;
	padding-top: 2.5rem;
	}
	
	.fs__pic {
	order: 3;
	position: relative;
	width: 100%;
	left: 0;
	}
	
	.fs__title {
	font-size: 33vw;
	margin-left: 0rem;
	order: 1;
	}
	
	.fs__icons-item-01 {
	width: 6.19rem;
	height: 4.94rem;
	position: absolute;
	top: 7vw;
	left: 0;
	}
	
	.fs__icons-item-02 {
	width: 6.63rem;
	height: 3.63rem;
	position: absolute;
	top: 26vw;
	}
	
	.fs__icons-item-03 {
	width: 6.63rem;
	height: 3.63rem;
	position: absolute;
	top: 9vw;
	right: 0vw;
	}
	
	.fs__icons-item-04 {
	width: 7.25rem;
	height: 7.25rem;
	position: absolute;
	bottom: -148vw;
	}
	
	.fs__icons-item-05 {
	width: 3.56rem;
	height: 3.56rem;
	position: absolute;
	bottom: -112vw;
	right: 2vw;
	}
	
	.ss {
	padding-left: 0.56rem;
	padding-right: 0.56rem;
	}
	
	.ss__center {
	font-size: 1.2rem;
	padding-bottom: 1.56rem;
	}
	
	.ss__col {
	width: 100%;
	}
	
	.ss__icons {
	width: 100%;
	}
	
	.how2buy {
	padding-left: 0.56rem;
	padding-right: 0.56rem;
	margin-top: 0;
	}
	
	.how2buy__title {
	font-size: 28vw;
	line-height: 0.8;
	margin-left: -1rem;
	margin-top: -3rem;
	position: relative;
	padding-bottom: 2.22rem;
	}
	
	.how2buy__pic {
	position: relative;
	width: 100%;
	left: 0;
	}
	
	.how2buy__icons {
	display: none;
	}
	
	.how2buy__text-block {
	display: flex;
	justify-content: space-between;
	}
	
	.how2buy__text-block-icon {
	width: 30%;
	display: block;
	position: relative;
	left: auto !important;
	right:  auto !important;
	top: auto !important;
	}
	
	.how2buy__text-block-inner {
	width: 55%;
	}
	
	.how2buy__text-block span {
	position: relative;
	left: 0;
	}
	
	.how2buy__icons-item-01, .how2buy__icons-item-02, .how2buy__icons-item-03, .how2buy__icons-item-04 {
	position: relative;
	left: 0;
	top:0;
	width: 30vw;
	}
	
	.how2buy__icons-item-02 {
	width: 40vw;
	left: -10vw;
	}
	
	.how2buy__widget {
	margin-bottom: 2rem;
	}
	
	.supply__title {
	line-height: 1;
	}
	
	.supply__pic {
	width: 15.22rem;
	position: relative;
	top: 3rem;
	z-index: -1;
	left: calc(50% - 7.6rem);
	}
	
	.supply__stitle {
	font-size: 9vw;
	}
	
	.memes__title {
	line-height: 1;
	}
	
	.memes__body {
	margin-top: 0;
	}
	
	.memes__body-src {
	width: 100%;
	}
	
	.contacts__title {
	margin-left: -1rem;
	}
	
	.contacts__link {
	font-size: 1rem;
	}
}