html,body{margin:0}h1{text-align:center;margin:10px 0 20px;font-size:30px;font-weight:400}h1 span:before{content:"@";animation:3s infinite blink}@keyframes blink{0%,50%,70%,95%{content:"@"}65%,90%{content:"—"}}.spinner{opacity:0;border:3px solid #50505080;border-top-color:#fff;border-radius:50%;width:20px;height:20px;transition:opacity .1s linear;animation:1s ease-in-out infinite spin;display:inline-block}.spinner--active{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}