.tick{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:60vh}.tick h2{font-family:Helvetica;font-size:36px;margin-top:40px;color:#333;opacity:0}.start h2{animation:title .6s ease-in-out;animation-delay:1.2s;animation-fill-mode:forwards}.circle{stroke-dasharray:1194;stroke-dashoffset:1194}.start svg .circle{animation:circle 1s ease-in-out;animation-fill-mode:forwards}.tick{stroke-dasharray:350;stroke-dashoffset:350}.start svg .tick{animation:tick .8s ease-out;animation-fill-mode:forwards;animation-delay:.95s}@keyframes circle{0%{stroke-dashoffset:1194}to{stroke-dashoffset:2388}}@keyframes tick{0%{stroke-dashoffset:350}to{stroke-dashoffset:0}}@keyframes title{0%{opacity:0}to{opacity:1}}#app{height:100%}*{margin:0;padding:0}