.content,h1{text-align:center}a,h1{color:#2f8f7f;opacity:.6}body,html{margin:0;padding:0;font-weight:800;box-sizing:border-box;background:#000;font-family:cursive}svg{font:10.5em sans-serif;width:100%;height:100vh}h1{font:700 1.5em Roboto,sans-serif}a{display:inline-block;text-transform:uppercase;font-size:1em 'Roboto';font-weight:300;border:1px solid #2f8f7f;border-radius:4px;margin:15px 0;padding:8px 14px;text-decoration:none}.text{fill:none;stroke-dasharray:8% 29%;stroke-width:5px;stroke-dashoffset:1%;animation:4s linear infinite stroke-offset}.text:first-child{stroke:#ff5733;animation-delay:-1s}.text:nth-child(2){stroke:#33c3ff;animation-delay:-2s}.text:nth-child(3){stroke:#33ff57;animation-delay:-3s}.text:nth-child(4){stroke:#ff33a6;animation-delay:-4s}.text:nth-child(5){stroke:#8e44ad;animation-delay:-5s}@keyframes stroke-offset{100%{stroke-dashoffset:-35%}}