.control_the_experience-desktop, .control_the_experience-mobile {
-moz-animation: control 1s forwards;
-webkit-animation: control 1s forwards;
animation: control 1s forwards;
opacity: 0;
fill: #0b5085;
}
#control_the_experience-0 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#control_the_experience-1 {
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#control_the_experience-2 {
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#control_the_experience-3 {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#control_the_experience-4 {
-moz-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#control_the_experience-5 {
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#control_the_experience-6 {
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#control_the_experience-7 {
-moz-animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
#control_the_experience-8 {
-moz-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
#control_the_experience-9 {
-moz-animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
#control_the_experience-10 {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
#control_the_experience-11 {
-moz-animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
#control_the_experience-12 {
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
#control_the_experience-13 {
-moz-animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
#control_the_experience-14 {
-moz-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
#control_the_experience-15 {
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
#control_the_experience-16 {
-moz-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
#control_the_experience-17 {
-moz-animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
#control_the_experience-18 {
-moz-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
#control_the_experience-19 {
-moz-animation-delay: 1.9s;
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
@keyframes control {
0% {
opacity: 100;
}
25% {
fill: none;
stroke: #0b5085;
stroke-dasharray: 20;
}
50% {
stroke-width: 0.2;
fill: none;
stroke-dasharray: 10;
opacity: 100;
}
100% {
stroke-width: 0.2;
stroke: #0b5085;
fill: #0b5085;
opacity: 100;
}
}