﻿#advantages-container {
    /*aspect-ratio: 16 / 1;*/
    /*margin-top: 39.8vw;*/ /*DEBUG*/
    /*opacity: 0.5;*/ /*DEBUG*/
    /*border: 1px solid red;*/ /*DEBUG*/
    background-color: #282828;
    padding-top: 3vw;
    position: relative;
}

#advantages {
    width: 100%;
}

@keyframes intense3DShake {
    0% {
        transform: rotateX(0deg) rotateY(0deg) scale(1);
    }

    10% {
        transform: rotateX(15deg) rotateY(-15deg) scale(1.05);
    }

    20% {
        transform: rotateX(-15deg) rotateY(15deg) scale(1.05);
    }

    30% {
        transform: rotateX(10deg) rotateY(-10deg) scale(1.03);
    }

    40% {
        transform: rotateX(-10deg) rotateY(10deg) scale(1.03);
    }

    50% {
        transform: rotateX(5deg) rotateY(-5deg) scale(1.02);
    }

    60% {
        transform: rotateX(-5deg) rotateY(5deg) scale(1.02);
    }

    70% {
        transform: rotateX(3deg) rotateY(-3deg) scale(1.01);
    }

    80% {
        transform: rotateX(-3deg) rotateY(3deg) scale(1.01);
    }

    90% {
        transform: rotateX(1deg) rotateY(-1deg) scale(1);
    }

    100% {
        transform: rotateX(0deg) rotateY(0deg) scale(1);
    }
}

#advantages-container #contact {
    position: absolute;
    top: 0.25vw;
    left: 1vw;
    width: 10vw;
    cursor: pointer;
    animation: intense3DShake 3s ease-in-out infinite;
    transform-style: preserve-3d;
    transition: transform 0.3s ease;
}

