#globalLoader,#loader{position:fixed;top:0;left:0;background-color:#f5f7f9;z-index:30000;align-items:center;display:flex;justify-content:center;height:100vh;width:100vw;overflow:hidden}.holder{position:relative;top:-150px;font-size:1.4em}.tetrominos{position:absolute;top:50%;left:50%;transform:translate(-112px,-96px)}.tetromino{width:96px;height:112px;position:absolute;transition:all ease .3s;background:url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23e95d0c" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center}.box1{animation:tetromino1 1.5s ease-out infinite}.box2{animation:tetromino2 1.5s ease-out infinite}.box3{animation:tetromino3 1.5s ease-out infinite;z-index:2}.box4{animation:tetromino4 1.5s ease-out infinite}@keyframes tetromino1{0%,40%{transform:translate(0,0)}50%{transform:translate(48px,-27px)}100%,60%{transform:translate(96px,0)}}@keyframes tetromino2{0%,20%{transform:translate(96px,0)}100%,40%{transform:translate(144px,27px)}}@keyframes tetromino3{0%{transform:translate(144px,27px)}20%,60%{transform:translate(96px,54px)}100%,90%{transform:translate(48px,27px)}}@keyframes tetromino4{0%,60%{transform:translate(48px,27px)}100%,90%{transform:translate(0,0)}}