.strand{text-align: center;white-space: nowrap;overflow: hidden;position: absolute;z-index: 1;margin: -15px 0 0 0;padding: 0;pointer-events: none;width: 100%;}.strand li{position: relative;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-interation-count: infinite;list-style: none;margin: 0;padding: 0;display: block;width: 12px;height: 28px;border-radius: 50%;margin: 20px;display: inline-block;background:#f02241;box-shadow: 0px 4.66667px 24px 3px #f02241;-webkit-animation-name: flash-1;animation-name: flash-1;-webkit-animation-duration: 2s;animation-duration: 2s;}.strand li:nth-child(2n+1){background: #42b261;box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);-webkit-animation-name: flash-2;animation-name: flash-2;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}.strand li:nth-child(4n+2){background: #f9fbee;box-shadow: 0px 4.66667px 24px 3px #f9fbee;-webkit-animation-name: flash-3;animation-name: flash-3;-webkit-animation-duration: 1.1s;animation-duration: 1.1s;}.strand li:nth-child(odd){-webkit-animation-duration: 1.8s;animation-duration: 1.8s;}.strand li:nth-child(3n+1){-webkit-animation: 1.4s;animation-duration: 1.4s;}.strand li:before{content: "";position: absolute;background: #222;width: 10px;height: 9.33333px;border-radius: 3px;top: -4.66667px;left: 1px;}.strand li:after{content: "";top: -14px;left: 9px;position: absolute;width: 52px;height: 18.66667px;border-bottom: solid #222 2px;border-radius: 50%;}.strand li:last-child:after{content: none;}.strand li:first-child{margin-left: 40px;}@-webkit-keyframes flash-1{0%, 100%{background: #f02241;box-shadow: 0px 4.66667px 24px 3px #f02241;}50%{background: rgba(240, 34, 65, 0.4);box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 65, .02);}}@keyframes flash-1{0%, 100%{background: #f02241; box-shadow: 0px 4.66667px 24px 3px #f02241;}50%{background: rgba(240, 34, 65, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 65, 0.2);}}@-webkit-keyframes flash-2{0,100%{background: #42b261;box-shadow: 0px 4.66667px 24px 3px #42b261;}50%{background: rgba(66, 178, 97, 0.4);box-shadow: 0px 4.6667px 24px 3px rgba(66, 178, 97, 0.2);}}@keyframes flash-2{0%, 100%{background: #42b261; box-shadow: 0px 4.66667px 24px 3px #42b261;}50%{background: rgba(66, 178, 97, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(66, 178, 97, 0.2);}}@-webkit-keyframes flash-3{0%,100%{background: #f9fbee;box-shadow: 0px 4.6667px 24px 3px #f9fbee;}50%{background: rgba(249, 251, 238, .4);box-shadow: 0px 4.66667px 24px 3px rgba(249, 251, 238, .2);}@keyframes flash-3{0%, 100%{background: #F9FBEE; box-shadow: 0px 4.66667px 24px 3px #F9FBEE;}50%{background: rgba(249, 251, 238, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(249, 251, 238, 0.2);}}}.circle{background-color: #ffffff;background: yellow; width: 200px; height: 200px; border-radius: 50%; font-size: 20px; color: #000000; text-align: center; vertical-align: middle; display: table-cell; background: #000}.row{padding-top: 0px;padding-bottom: 0px;margin-top: 0px;margin-bottom: 0px;}/* tell the container's children to float left: */.float-my-children > *{float:left; margin-right:5px;}/* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup *//*SHRINK*/audio{display:none;}