#container{width:400px;margin:80px auto;padding:30px;border-radius:20px;background-color:#5da9a3}.start-button{color:#fff;padding:10px 30px;font-size:20px;border:none;background-color:#2c3e50;border-radius:10px;text-decoration:none}.logo{opacity:0;-webkit-animation:slide-in2 1.4s 1.4s forwards;animation:slide-in2 1.4s 1.4s forwards}@-webkit-keyframes slide-in{0%{transform:translate(120px,240px)}20%{opacity:1}to{opacity:1;transform:translate(120px,30px)}}@keyframes slide-in{0%{transform:translate(120px,240px)}20%{opacity:1}to{opacity:1;transform:translate(120px,30px)}}@-webkit-keyframes slide-in2{0%{transform:translate(120px,240px)}24%{transform:translate(120px,14px)}34%{opacity:1;transform:translate(120px,36px)}48%{opacity:1;transform:translate(120px,16px)}75%{opacity:1;transform:translate(120px,33px)}to{opacity:1;transform:translate(120px,30px)}}@keyframes slide-in2{0%{transform:translate(120px,240px)}24%{transform:translate(120px,14px)}34%{opacity:1;transform:translate(120px,36px)}48%{opacity:1;transform:translate(120px,16px)}75%{opacity:1;transform:translate(120px,33px)}to{opacity:1;transform:translate(120px,30px)}}.left-pole{-webkit-animation:left-pole-animation 1s cubic-bezier(.68,-.55,.265,1.55) 1.15s forwards;animation:left-pole-animation 1s cubic-bezier(.68,-.55,.265,1.55) 1.15s forwards}@-webkit-keyframes left-pole-animation{to{transform:translate(20px) rotate(30deg)}}@keyframes left-pole-animation{to{transform:translate(20px) rotate(30deg)}}.right-pole{-webkit-animation:right-pole-animation 1s cubic-bezier(.68,-.55,.265,1.55) 1.15s forwards;animation:right-pole-animation 1s cubic-bezier(.68,-.55,.265,1.55) 1.15s forwards}@-webkit-keyframes right-pole-animation{to{transform:translate(-20px) rotate(-30deg)}}@keyframes right-pole-animation{to{transform:translate(-20px) rotate(-30deg)}}