@keyframes topBar{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}10%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}20%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes boxHolder{0%{transform:translate(-700px)}20%{transform:translate(-700px)}40%{transform:translate(0)}}@keyframes dotOne{0%{transform:scale(0)}20%{transform:scale(0)}30%{transform:scale(1)}}@keyframes dotTwo{0%{transform:scale(0)}25%{transform:scale(0)}35%{transform:scale(1)}}@keyframes dotThree{0%{transform:scale(0)}30%{transform:scale(0)}40%{transform:scale(1)}}@keyframes boxLines{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}40%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes boxButton{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}60%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes guyShadow{0%{transform:scale(0)}60%{transform:scale(0)}70%{transform:scale(1)}}@keyframes groundLeaves{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}70%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}85%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes guy{0%{transform:translateY(585px)}85%{transform:translateY(585px)}to{transform:translate(0)}}#topBar{animation:topBar 3s}#dotOne{animation:dotOne 3s}#dotTwo{animation:dotTwo 3s}#dotThree{animation:dotThree 3s}#boxHolder{animation:boxHolder 3s}#boxLines{animation:boxLines 3s}#boxButton{animation:boxButton 3s}#groundLeaves{animation:groundLeaves 3s}#guyShadow{animation:guyShadow 3s}#guy{animation:guy 3s}