|
|
|
@ -489,39 +489,21 @@ input[type=number] {
|
|
|
|
|
to {bottom: 0; opacity: 0;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Animation */
|
|
|
|
|
.parallax>use {
|
|
|
|
|
animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Cloud SVG placement */
|
|
|
|
|
.parallax>use:nth-child(1) {
|
|
|
|
|
animation-delay: -2s;
|
|
|
|
|
animation-duration: 7s;
|
|
|
|
|
transform: translate3d(-30px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parallax>use:nth-child(2) {
|
|
|
|
|
animation-delay: -3s;
|
|
|
|
|
animation-duration: 10s;
|
|
|
|
|
transform: translate3d(-90px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parallax>use:nth-child(3) {
|
|
|
|
|
animation-delay: -4s;
|
|
|
|
|
animation-duration: 13s;
|
|
|
|
|
transform: translate3d(45px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parallax>use:nth-child(4) {
|
|
|
|
|
animation-delay: -5s;
|
|
|
|
|
animation-duration: 20s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes move-forever {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translate3d(-90px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
transform: translate3d(85px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
transform: translate3d(20px, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*Shrinking for mobile*/
|
|
|
|
|