@font-face {
    font-family: 'Gilroy';
    src: url('/fonts/Gilroy-Black.eot');
    src: url('/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Black.woff2') format('woff2'),
        url('/fonts/Gilroy-Black.woff') format('woff'),
        url('/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/fonts/Gilroy-Semibold.eot');
    src: url('/fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Gilroy-Semibold.woff2') format('woff2'),
        url('/fonts/Gilroy-Semibold.woff') format('woff'),
        url('/fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

html, body {
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
  }

body {
    background: 
    url('/img/bg-430.webp'),
    linear-gradient(to bottom, rgba(7, 3, 16, 1) 20%, rgba(34, 16, 87, 1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    font-family: 'Gilroy';
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: relative;
    max-width: 100%;
    min-height: 727px;
}

@media (min-width: 896px) {
    body {
        background: 
        url('/img/bg-896.webp'),
        linear-gradient(to bottom, rgba(7, 3, 16, 1) 20%, rgba(34, 16, 87, 1) 100%);
        min-height: 504px;
    }
}

@media (min-width: 1020px) {
    body {
        background: 
        url('/img/bg-1020.webp'),
        linear-gradient(to bottom, rgba(7, 3, 16, 1) 20%, rgba(34, 16, 87, 1) 100%);
        min-height: 1147px;
    }
}

@media (min-width: 1366px) {
    body {
        background: 
        url('/img/bg-1366.webp'),
        linear-gradient(to bottom, rgba(7, 3, 16, 1) 20%, rgba(34, 16, 87, 1) 100%);
        min-height: 727px;
    }
}

@media (min-width: 1920px) {
    body {
        background: 
        url('/img/bg-1920.webp'),
        linear-gradient(to bottom, rgba(7, 3, 16, 1) 20%, rgba(34, 16, 87, 1) 100%);
        min-height: 1080px;
    }
}

@media (min-width: 730px) and (max-width: 1020px) {
    html, body {
        background-color: #140D22;
    }
}

.header {
    display: flex;
    justify-content: center;
}

.header__logo {
    margin-top: 32px;
    margin-bottom: 106px;
}

@media (min-width: 600px) {
    .header__logo {
        margin-bottom: 30px;
    }
}

@media (min-width: 896px) {
    .header__logo {
        margin-top: 24px;
        margin-bottom: 39px;
    }
}

@media (min-width: 1020px) {
    .header__logo {
        margin-top: 36px;
        margin-bottom: 110px;
    }
}

@media (min-width: 1366px) {
    .header__logo {
        margin-top: 32px;
        margin-bottom: 36px;
    }
}

@media (min-width: 1920px) {
    .header__logo {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

.main {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main__btn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    background-image: url(/img/button-default-430.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 352px;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.8px;
    font-size: 23px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    text-decoration: none;
}

.main__description {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1020px) {
    .main__description {
        font-size: 24px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1366px) {
    .main__description {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: -30px;
    }
}

@media (min-width: 1920px) {
    .main__description {
        font-size: 24px;
        margin-bottom: 32px;
    }
}

.main__picture {
    display: flex;
    justify-content: center;
    position: relative;
}

.main__btn::before {
    content: "";
    position: absolute;
    top: -42px;
    left: -42px;
    width: calc(100% + 84px);
    height: calc(100% + 84px);
    background-image: url('/img/button-shadow-430.webp');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    animation: backgroundChange 4s infinite;
    z-index: -1;
    pointer-events: none;
}

@keyframes backgroundChange {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@media (min-width: 896px) {
    .main__btn::before {
        background-image: url('/img/button-shadow-896.webp');
    }
}

.main__btn:hover::before, 
.main__btn:active::before {
    background-image: none;
}

.main__btn:hover {
    background-image: url(/img/button-hover-430.webp);
}

.main__btn:active {
    background-image: url(/img/button-pressed-430.webp);
}

@media (min-width: 896px) {
    .main__btn {
        background-image: url(/img/button-default-896.webp);
        width: 262px;
    }
}

@media (min-width: 896px) {
    .main__btn:hover {
        background-image: url(/img/button-hover-896.webp);
    }
}

@media (min-width: 896px) {
    .main__btn:active {
        background-image: url(/img/button-pressed-896.webp);
    }
}

@media (min-width: 1020px) {
    .main__btn {
        background-image: url(/img/button-default-1920.webp);
        width: 622px;
        min-height: 99px;
        font-size: 36px;
    }
}

@media (min-width: 1020px) {
    .main__btn:hover {
        background-image: url(/img/button-hover-1920.webp);
    }
}

@media (min-width: 1020px) {
    .main__btn:active {
        background-image: url(/img/button-pressed-1920.webp);
    }
}

@media (min-width: 1020px) {
    .main__btn::before {
        background-image: url('/img/button-shadow-1920.webp');
        top: -39px;
        left: -43px;
        width: calc(100% + 90px);
        height: calc(100% + 84px);
        background-size: contain;
    }
}

@media (min-width: 1366px) {
    .main__btn {
        background-image: url(/img/button-default-430.webp);
        width: 352px;
        min-height: 62px;
        font-size: 23px;
    }
}

@media (min-width: 1366px) {
    .main__btn:hover {
        background-image: url(/img/button-hover-430.webp);
    }
}

@media (min-width: 1366px) {
    .main__btn:active {
        background-image: url(/img/button-pressed-430.webp);
    }
}

@media (min-width: 1366px) {
    .main__btn::before {
        background-image: url('/img/button-shadow-430.webp');
        top: -42px;
        left: -42px;
        width: calc(100% + 88px);
        height: calc(100% + 84px);
        background-size: cover;
    }
}

@media (min-width: 1920px) {
    .main__btn::before {
        background-image: url('/img/button-shadow-1920.webp');
        top: -42px;
        left: -42px;
        width: calc(100% + 88px);
        height: calc(100% + 84px);
        background-size: contain;
    }
}

@media (min-width: 1920px) {
    .main__btn {
        background-image: url(/img/button-default-1920.webp);
        width: 622px;
        min-height: 99px;
        font-size: 36px;
    }
}

@media (min-width: 1920px) {
    .main__btn:hover {
        background-image: url(/img/button-hover-1920.webp);
    }
}

@media (min-width: 1920px) {
    .main__btn:active {
        background-image: url(/img/button-pressed-1920.webp);
    }
}

.main__input {
    border: none;
    background-color: transparent;
    font-weight: 900;
    font-size: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 2px 0px rgba(7, 3, 16, 1);
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.15px;
    color: #FFFFFF;
    background-image: url(/img/input-430.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 352px;
    min-height: 62px;
    padding: 0;
    position: relative;
    cursor: pointer;
    z-index: 11;
    backdrop-filter: blur(8px);
}

.main__input::after {
    content: url(/img/copy.svg);
    position: absolute;
    right: 24px;
    width: 24px;
    height: 24px;
}

.main__input.active {
    background-image: url(/img/input-pressed-430.webp);
}

.main__input.active::after {
    content: url(/img/copy-complete.svg);
    position: absolute;
    right: 24px;
    width: 24px;
    height: 24px;
}

@media (min-width: 1020px) {
    .main__input:hover {
        background-image: url(/img/input-hover-430.webp);
    }
}

.main__input:active {
    background-image: url(/img/input-pressed-430.webp);
}

@media (min-width: 896px) {
    .main__input {
        background-image: url(/img/input-896.webp);
        width: 262px;
    }
}

@media (min-width: 896px) {
    .main__input:hover {
        background-image: url(/img/input-hover-896.webp);
    }
}

@media (min-width: 896px) {
    .main__input:active {
        background-image: url(/img/input-pressed-896.webp);
    }
}

@media (min-width: 896px) {
    .main__input.active {
        background-image: url(/img/input-pressed-896.webp);
    }
}


@media (min-width: 1020px) {
    .main__input {
        background-image: url(/img/input-1920.webp);
        width: 622px;
        min-height: 99px;
        font-size: 36px;
    }
}

@media (min-width: 1020px) {
    .main__input:hover {
        background-image: url(/img/input-hover-1920.webp);
    }
}

@media (min-width: 1020px) {
    .main__input:active {
        background-image: url(/img/input-pressed-1920.webp);
    }
}

@media (min-width: 1020px) {
    .main__input.active {
        background-image: url(/img/input-pressed-1920.webp);
    }
}

@media (min-width: 1020px) {
    .main__input::after {
        content: url(/img/copy-1920.svg);
        position: absolute;
        right: 40px;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1020px) {
    .main__input.active::after {
        content: url(/img/copy-complete-1920.svg);
        position: absolute;
        right: 40px;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1366px) {
    .main__input {
        background-image: url(/img/input-430.webp);
        width: 352px;
        min-height: 62px;
        font-size: 23px;
    }
}

@media (min-width: 1366px) {
    .main__input:hover {
        background-image: url(/img/input-hover-430.webp);
    }
}

@media (min-width: 1366px) {
    .main__input:active {
        background-image: url(/img/input-pressed-430.webp);
    }
}

@media (min-width: 1366px) {
    .main__input.active {
        background-image: url(/img/input-pressed-430.webp);
    }
}

@media (min-width: 1366px) {
    .main__input::after {
        content: url(/img/copy.svg);
        position: absolute;
        right: 24px;
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 1366px) {
    .main__input.active::after {
        content: url(/img/copy-complete.svg);
        position: absolute;
        right: 24px;
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 1920px) {
    .main__input {
        background-image: url(/img/input-1920.webp);
        width: 622px;
        min-height: 99px;
        font-size: 36px;
    }
}

@media (min-width: 1920px) {
    .main__input:hover {
        background-image: url(/img/input-hover-1920.webp);
    }
}

@media (min-width: 1920px) {
    .main__input:active {
        background-image: url(/img/input-pressed-1920.webp);
    }
}

@media (min-width: 1920px) {
    .main__input.active {
        background-image: url(/img/input-pressed-1920.webp);
    }
}

@media (min-width: 1920px) {
    .main__input::after {
        content: url(/img/copy-1920.svg);
        position: absolute;
        right: 40px;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1920px) {
    .main__input.active::after {
        content: url(/img/copy-complete-1920.svg);
        position: absolute;
        right: 40px;
        width: 40px;
        height: 40px;
    }
}

.main__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-bottom: 40px;
}

@media (min-width: 896px) {
    .main__inner {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 1020px) {
    .main__inner {
        flex-direction: column;
        gap: 24px;
    }
}

@media (min-width: 1366px) {
    .main__inner {
        gap: 12px;
    }
}

@media (min-width: 1920px) {
    .main__inner {
        gap: 24px;
    }
}

.main__header {
    display: block;
    margin: 0 auto;
    position: relative;
}

.main__picture:before {
    position: absolute;
    content: url(/img/shadow-bg-430.webp);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    opacity: 0;
    animation: flicker 9s infinite;
}

@media (min-width: 1020px) {
    .main__picture:before {
        content: url(/img/shadow-bg-1020.webp);
    }
}

@media (min-width: 1366px) {
    .main__picture:before {
        content: url(/img/shadow-bg-1366.webp);
    }
}

@media (min-width: 1920px) {
    .main__picture:before {
        content: url(/img/shadow-bg-1920.webp);
    }
}

@keyframes flicker {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.body__decor--left {
    position: absolute;
    top: 0;
    left: 0;
}

.body__decor--right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.body__chip--blue {
    position: absolute;
    top: 34px;
    right: -30px;
    display: inline-block;
    animation: rotateAndScale 6s infinite ease-in-out; 
}

@keyframes rotateAndScale {
    0% {
        transform: rotate(0deg) scale(1);
    }
    30% {
        transform: rotate(-15deg) scale(1.1);
    }
    70% {
        transform: rotate(-15deg) scale(1.1);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.body__chip--green {
    position: absolute;
    top: 100px;
    left: 20px;
    display: inline-block;
    animation: rotateGreen 8s infinite ease-in-out; 
    z-index: 5;
}

@keyframes rotateGreen {
    0% {
        transform: rotate(-131.36deg) scale(1);
    }
    30% {
        transform: rotate(150deg) scale(1.3);
    }
    70% {
        transform: rotate(150deg) scale(1.3);
    }
    100% {
        transform: rotate(-131.36deg) scale(1);
    }
}

.body__chip--purple {
    position: absolute;
    left: -25px;
    bottom: 47px;
    display: inline-block;
    animation: rotatePurple 6s infinite ease-in-out; 
}

@keyframes rotatePurple {
    0% {
        transform: rotate(0deg) scale(1);
    }
    30% {
        transform: rotate(30deg) scale(1.1);
    }
    70% {
        transform: rotate(30deg) scale(1.1);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

@media (min-width: 896px) {
    .body__chip--purple {
        display: none;
    }

    .body__chip--green {
        display: none;
    }

    .body__chip--blue {
        display: none;
    }
}

.body__coin896 {
    position: absolute;
    top: 14px;
    right: 110px;
    display: none;
    animation: rotatecoin896 6s infinite ease-in-out; 
}

@keyframes rotatecoin896 {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(30deg);
    }
    70% {
        transform: rotate(30deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.body__chip896-blue--right {
    position: absolute;
    top: 93px;
    right: 98px;
    display: none;
    animation: rotatecoin896 6s infinite ease-in-out; 
}

.body__cube896--right {
    position: absolute;
    right: 17px;
    top: 64px;
    display: none;
    animation: rotatecube896--right 6s infinite ease-in-out; 
}

@keyframes rotatecube896--right {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(50deg);
    }
    70% {
        transform: rotate(50deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.body__chip896-purple--right {
    position: absolute;
    top: 156px;
    right: 12px;
    display: none;
    animation: rotatechip896-purple--right 6s infinite ease-in-out; 
}

@keyframes rotatechip896-purple--right {
    0% {
        transform: rotate(0deg) translateX(0px);
    }
    30% {
        transform: rotate(50deg) translateX(20px);
    }
    70% {
        transform: rotate(50deg) translateX(20px);
    }
    100% {
        transform: rotate(0deg) translateX(0px);
    }
}

.body__chip896--left {
    position: absolute;
    bottom: 100px;
    left: -30px;
    display: none;
    animation: rotatechip896--left 6s infinite ease-in-out; 
}

@keyframes rotatechip896--left {
    0% {
        transform: rotate(0deg) scale(1) translateX(0px);
    }
    30% {
        transform: rotate(20deg) scale(1.1) translateX(30px);
    }
    70% {
        transform: rotate(20deg) scale(1.1) translateX(30px);
    }
    100% {
        transform: rotate(0deg) scale(1) translateX(0px);
    }
}

.body__chip896-green--left {
    position: absolute;
    bottom: 196px;
    left: 56px;
    display: none;
    animation: rotate896-green--left 6s infinite ease-in-out; 
}

@keyframes rotate896-green--left {
    0% {
        transform: rotate(0deg) scale(1);
    }
    30% {
        transform: rotate(-20deg) scale(1.1);
    }
    70% {
        transform: rotate(-20deg) scale(1.1);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.body__coin896--bottom {
    position: absolute;
    bottom: 51px;
    left: 89px;
    display: none;
    animation: rotatecoin896--bottom 7s infinite ease-in-out; 
}

@keyframes rotatecoin896--bottom {
    0% {
        transform: rotate(-15deg) scale(1);
    }
    30% {
        transform: rotate(-190deg) scale(0.8);
    }
    70% {
        transform: rotate(-190deg) scale(0.8);
    }
    100% {
        transform: rotate(-15deg) scale(1);
    }
}

@media (min-width: 896px) and (max-width: 1019px) {
    .body__coin896, 
    .body__chip896-blue--right, 
    .body__cube896--right, 
    .body__chip896-purple--right, 
    .body__chip896--left, 
    .body__chip896-green--left, 
    .body__coin896--bottom {
        display: inline-block;
    }
}


.body__coin1020 {
    position: absolute;
    top: -11px;
    right: 183px;
    transform: rotate(-15deg);
    animation: moveCoin1020 6s infinite ease-in-out; 
    display: none;
}

@keyframes moveCoin1020 {
    0% {
        transform: translateY(0px) rotate(-15deg);
    }
    30% {
        transform: translateY(9px) rotate(-180deg);
    }
    70% {
        transform: translateY(9px) rotate(-180deg);
    }
    100% {
        transform: translateY(0px) rotate(-15deg);
    }
}

.body__chip1020--right {
    position: absolute;
    bottom: 300px;
    right: -85px;
    animation: moveChip1020--right 6s infinite ease-in-out; 
    display: none;
    z-index: 2;
}

@keyframes moveChip1020--right {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    30% {
        transform: translateY(90px) rotate(-30deg);
    }
    70% {
        transform: translateY(90px) rotate(-30deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.body__chip1020--left {
    position: absolute;
    bottom: 55px;
    left: -75px;
    display: none;
    animation: moveChip1020--left 6s infinite ease-in-out; 
}

@keyframes moveChip1020--left {
    0% {
        transform: rotate(0deg) scale(1);
    }
    30% {
        transform: rotate(-30deg) scale(1.1);
    }
    70% {
        transform: rotate(-30deg) scale(1.1);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.body__cube1020--left {
    position: absolute;
    bottom: 246px;
    left: 41px;
    display: none;
    animation: moveCube1020--left 6s infinite ease-in-out; 
}

@keyframes moveCube1020--left {
    0% {
        transform: rotate(0deg) scale(1);
    }
    30% {
        transform: rotate(-195deg) scale(1.4);
    }
    70% {
        transform: rotate(-195deg) scale(1.4);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

.body__cube1020--right {
    position: absolute;
    right: 118px;
    bottom: 69px;
    display: none;
    animation: moveCube1020--right 5s infinite ease-in-out; 
    z-index: 2;
}

@keyframes moveCube1020--right {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(-205deg);
    }
    70% {
        transform: rotate(-205deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@media (min-width: 1020px) and (max-width: 1365px) {
    .body__coin1020, 
    .body__chip1020--right,
    .body__chip1020--left,
    .body__cube1020--left,
    .body__cube1020--right {
        display: inline-block;
    }
}

.body__coin1366, 
.body__chip1366-blue--right, 
.body__cube1366--right, 
.body__chip1366-purple--right, 
.body__chip1366--left, 
.body__chip1366-green--left, 
.body__coin1366--bottom {
    display: none;
}

@media (min-width: 1366px) and (max-width: 1919px) {
    .body__coin1366, 
    .body__chip1366-blue--right, 
    .body__cube1366--right, 
    .body__chip1366-purple--right, 
    .body__chip1366--left, 
    .body__chip1366-green--left, 
    .body__coin1366--bottom {
        display: inline-block;
        position: absolute;
    }
}

.body__coin1366 {
    top: 16px;
    right: 165px;
    animation: movecoin1366 8s infinite ease-in-out; 
}

@keyframes movecoin1366 {
    0% {
        transform: rotate(0deg);
    }
    35% {
        transform: rotate(225deg);
    }
    75% {
        transform: rotate(225deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.body__chip1366-blue--right {
    top: 140px;
    right: 150px;
    animation: movechip1366-blue--right 6s infinite ease-in-out; 
}

@keyframes movechip1366-blue--right {
    0% {
        transform: rotate(0deg);
    }
    35% {
        transform: rotate(-25deg);
    }
    75% {
        transform: rotate(-25deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.body__cube1366--right {
    top: 97px;
    right: 24px;
    animation: movecube1366--right 6s infinite ease-in-out; 
}

@keyframes movecube1366--right {
    0% {
        transform: rotate(0deg) translateY(0px) ;
    }
    35% {
        transform: rotate(-15deg) translateY(40px) ;
    }
    75% {
        transform: rotate(-15deg) translateY(40px) ;
    }
    100% {
        transform: rotate(0deg) translateY(0px) ;
    }
}

.body__chip1366-purple--right {
    top: 235px;
    right: 18px;
    animation: movechip1366-purple--right 6s infinite ease-in-out; 
}

@keyframes movechip1366-purple--right {
    0% {
        transform: rotate(0deg);
    }
    35% {
        transform: rotate(40deg);
    }
    75% {
        transform: rotate(40deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.body__chip1366-green--left {
    bottom: 299px;
    left: 92px;
    animation: movechip1366-green--left 6s infinite ease-in-out; 
}

@keyframes movechip1366-green--left {
    0% {
        transform: rotate(0deg) scale(1.1) translateY(0);
    }
    35% {
        transform: rotate(40deg) scale(0.9) translateY(20px);
    }
    75% {
        transform: rotate(40deg) scale(0.9) translateY(20px);
    }
    100% {
        transform: rotate(0deg) scale(1.1) translateY(0);
    }
}

.body__chip1366--left {
    bottom: 153px;
    left: -42px;
    animation: movechip1366--left 6s infinite ease-in-out; 
}

@keyframes movechip1366--left {
    0% {
        transform: rotate(0deg) scale(1) translateY(0);
    }
    30% {
        transform: rotate(20deg) scale(1.2) translateY(10px);
    }
    75% {
        transform: rotate(20deg) scale(1.2) translateY(10px);
    }
    100% {
        transform: rotate(0deg) scale(1) translateY(0);
    }
}

.body__coin1366--bottom {
    bottom: 77px;
    left: 135px;
    animation: movecoin1366--bottom 6s infinite ease-in-out; 
}

@keyframes movecoin1366--bottom {
    0% {
        transform: rotate(0deg) scale(1.1);
    }
    30% {
        transform: rotate(180deg) scale(1);
    }
    75% {
        transform: rotate(180deg) scale(1);
    }
    100% {
        transform: rotate(0deg) scale(1.1);
    }
}

.body__coin1920, 
.body__chip1920-blue--right, 
.body__cube1920--right, 
.body__chip1920-purple--right, 
.body__chip1920--left, 
.body__chip1920-green--left, 
.body__coin1920--bottom {
    display: none;
}

@media (min-width: 1920px) {
    .body__coin1920, 
    .body__chip1920-blue--right, 
    .body__cube1920--right, 
    .body__chip1920-purple--right, 
    .body__chip1920--left, 
    .body__chip1920-green--left, 
    .body__coin1920--bottom {
        display: inline-block;
        position: absolute;
        z-index: 5;
    }
}

.body__coin1920 {
    top: 25px;
    right: 215px;
    animation: movecoin1366 9s infinite ease-in-out; 
}

.body__chip1920-blue--right {
    top: 200px;
    right: 195px;
    animation: movechip1366-blue--right 6s infinite ease-in-out; 
}

.body__cube1920--right {
    top: 135px;
    right: 16px;
    animation: movecube1366--right 6s infinite ease-in-out; 
}

.body__chip1920-purple--right {
    top: 330px;
    right: 0;
    animation: movechip1366-purple--right 6s infinite ease-in-out; 
}

.body__chip1920--left {
    bottom: 204px;
    left: -57px;
    animation: movechip1366--left 6s infinite ease-in-out; 
}

.body__chip1920-green--left {
    bottom: 413px;
    left: 116px;
    animation: movechip1366-green--left 6s infinite ease-in-out; 
}

.body__coin1920--bottom {
    left: 180px;
    bottom: 97px;
    animation: movecoin1366--bottom 6s infinite ease-in-out; 
}

.main__copyright {
    color: #FFFFFF;
    font-size: 14px;
    margin-top: auto;
    max-width: 65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    text-align: center;
}

@media (min-width: 1020px) {
    .main__copyright {
        margin-bottom: 32px;
        font-size: 18px;
        max-width: 100%;
    }
}

@media (min-width: 1366px) {
    .main__copyright {
        margin-bottom: 24px;
        font-size: 14px;
    }
}

@media (min-width: 1920px) {
    .main__copyright {
        margin-bottom: 32px;
        font-size: 18px;
    }
}