.adjust-for-tcaa {
display: block !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.bg-gray {
background-color: #eeeef0 !important;
}
.remove-margin-top {
margin-top: 0 !important;
}
div#tcaa-animation-wrapper {
width: 100%;
display: flex;
justify-content: space-around;
flex-wrap: wrap; }
div#tcaa-animation-wrapper div.tcaa-animation-container {
width: 23%;
position: relative; }
div#tcaa-animation-wrapper div.tcaa-animation-container:before {
content: "";
display: block;
padding-top: 100%; }
div#tcaa-animation-wrapper div.tcaa-animation-container svg.tcaa-tag {
position: absolute;
top: 44.3909383335%;
left: 0px;
width: 55.8040049837%;
height: 11.218123333%;
margin-bottom: 7.5419139975%;
-webkit-animation: rotation 60s infinite;
-webkit-transform-origin: 89.5993038754% center;
-webkit-animation-timing-function: linear;
-ms-animation: rotation 60s infinite;
-ms-transform-origin: 89.5993038754% center;
-ms-animation-timing-function: linear;
animation: rotation 60s infinite;
transform-origin: 89.5993038754% center;
animation-timing-function: linear;
z-index: 2; }
@keyframes rotation {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); }
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg); } }
div#tcaa-animation-wrapper div.tcaa-animation-container svg.tcaa-logotype {
position: absolute;
top: 63.1509756641%;
left: 12.9093691227%;
width: 42.894635861%;
height: 20.112560224%;
z-index: 1; }
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
.st0{fill:#E95504;}
.st1{fill:#EEEEF0;}
.st0{fill:#E95504;}
var wrapper_ele = document.getElementById('tcaa-animation-wrapper');
var parent_ele = wrapper_ele.parentNode;
parent_ele.classList.add('adjust-for-tcaa');
var grand_parent_ele = parent_ele.parentNode;
grand_parent_ele.classList.add('bg-gray');
var text_container_ele = grand_parent_ele.parentNode;
text_container_ele = text_container_ele.parentNode;
text_container_ele = text_container_ele.parentNode;
text_container_ele.classList.add('remove-margin-top');
var tags = document.getElementsByClassName('tcaa-tag');
for (var i = 0; i < tags.length; i++) {
var random_time = Math.floor(Math.random() * 60);
tags[i].style.animationDelay = -random_time+ 's';
}
// currect time tag
var selected_tag = Math.floor(Math.random() * 11);
// get current time
var seconds = new Date().getSeconds();
var rotation_delay = seconds + 15;
// change animaton starting position
tags[selected_tag].style.animationDelay = -rotation_delay + 's';
