-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-name: progress-fill;
animation-name: progress-fill;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: walk;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation: move-arm 3s ease infinite;
animation: move-arm 3s ease infinite;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-animation: move-tool 3s ease infinite;
animation: move-tool 3s ease infinite;
-webkit-transform-origin: -48px center;
transform-origin: -48px center;
-webkit-animation: write 1.5s ease infinite;
animation: write 1.5s ease infinite;
-webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1);
transform: translate(0, 0) rotate(0deg) scale(1, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
font-family: 'Oswald', sans-serif;
-webkit-animation: text-red 20s ease infinite;
animation: text-red 20s ease infinite;
-webkit-animation: show-flames 20s ease infinite, red-flame 120ms ease infinite;
animation: show-flames 20s ease infinite, red-flame 120ms ease infinite;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation: show-flames 20s ease infinite, yellow-flame 120ms ease infinite;
animation: show-flames 20s ease infinite, yellow-flame 120ms ease infinite;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation: show-flames 20s ease infinite, red-flame 100ms ease infinite;
animation: show-flames 20s ease infinite, red-flame 100ms ease infinite;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
@-webkit-keyframes progress-fill {
@keyframes progress-fill {
@-webkit-keyframes walk {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-transform: translateX(140px);
transform: translateX(140px);
-webkit-transform: translateX(170px);
transform: translateX(170px);
-webkit-transform: translateX(220px);
transform: translateX(220px);
-webkit-transform: translateX(280px);
transform: translateX(280px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
-webkit-transform: translateX(370px);
transform: translateX(370px);
-webkit-transform: translateX(430px);
transform: translateX(430px);
-webkit-transform: translateX(460px);
transform: translateX(460px);
-webkit-transform: translateX(520px);
transform: translateX(520px);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-transform: translateX(140px);
transform: translateX(140px);
-webkit-transform: translateX(170px);
transform: translateX(170px);
-webkit-transform: translateX(220px);
transform: translateX(220px);
-webkit-transform: translateX(280px);
transform: translateX(280px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
-webkit-transform: translateX(370px);
transform: translateX(370px);
-webkit-transform: translateX(430px);
transform: translateX(430px);
-webkit-transform: translateX(460px);
transform: translateX(460px);
-webkit-transform: translateX(520px);
transform: translateX(520px);
@-webkit-keyframes move-arm {
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-transform: rotate(0);
@-webkit-keyframes move-tool {
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transform: rotate(0);
@-webkit-keyframes write {
-webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1);
transform: translate(0, 0) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(5deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(5deg) scale(0.8, 1);
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(6deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(6deg) scale(0.8, 1);
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(4deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(4deg) scale(0.8, 1);
-webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1);
transform: translate(0, 0) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(5deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(5deg) scale(0.8, 1);
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(6deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(6deg) scale(0.8, 1);
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
-webkit-transform: translate(0px, 0px) rotate(4deg) scale(0.8, 1);
transform: translate(0px, 0px) rotate(4deg) scale(0.8, 1);
@-webkit-keyframes text-red {
@-webkit-keyframes show-flames {
@-webkit-keyframes red-flame {
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);
-webkit-transform: translateY(-30px) scale(1.1, 1.1);
transform: translateY(-30px) scale(1.1, 1.1);
-webkit-transform: translateY(-30px) scale(0.8, 0.7);
transform: translateY(-30px) scale(0.8, 0.7);
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);
-webkit-transform: translateY(-30px) scale(1.1, 1.1);
transform: translateY(-30px) scale(1.1, 1.1);
-webkit-transform: translateY(-30px) scale(0.8, 0.7);
transform: translateY(-30px) scale(0.8, 0.7);
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);
@-webkit-keyframes yellow-flame {
-webkit-transform: translateY(-30px) scale(0.8, 0.7);
transform: translateY(-30px) scale(0.8, 0.7);
-webkit-transform: translateY(-30px) scale(1.1, 1.2);
transform: translateY(-30px) scale(1.1, 1.2);
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);
@keyframes yellow-flame {
-webkit-transform: translateY(-30px) scale(0.8, 0.7);
transform: translateY(-30px) scale(0.8, 0.7);
-webkit-transform: translateY(-30px) scale(1.1, 1.2);
transform: translateY(-30px) scale(1.1, 1.2);
-webkit-transform: translateY(-30px) scale(1, 1);
transform: translateY(-30px) scale(1, 1);