portfolio-freelance/public/assets/css/svgstyles.css

.st0 {
    fill: #68e1fd
}

.st1 {
    fill: #093f68
}

.st2 {
    fill: #fff
}

.st3 {
    fill: #f56132
}

.st4 {
    fill: #dfeaef
}

.st5 {
    fill: #ffbc0e
}

.st6 {
    fill: #70cc40
}

.st0-c {
    fill: #fff
}

.st1-c {
    fill: #152837
}

.st2-c {
    fill: #ffc9b0
}

.st3-c {
    fill: #0172ad
}

.st5-c {
    fill: #dfeaef
}

#panel-small, #panel-big, #cursor {
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

#panel-small {
    animation-name: move;
}

#panel-big {
    animation-name: move-right;
}

#cursor {
    animation-name: cursor-click;
    animation-duration: 4s;
}

@keyframes move {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-30px);
    }
}

@keyframes move-right {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(30px);
    }
}

@keyframes cursor-click {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(38px);
    }
    60% {
        transform: scale(1.2, 1.11);
    }
    100% {
        transform: translateX(0);
    }
}

#message {
  animation: move-top 3s infinite;
}

@keyframes move-top {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50px); }
  100% { transform: translateY(0); }
}