.animated-heading span{display:inline-block;transition:color 50ms,transform .3s}.animated-heading span:hover{animation:colorChange .3s forwards,moveUp .3s forwards}h2:hover{cursor:pointer}@keyframes colorChange{20%{color:#050229}50%{color:#d2ccf2}to{color:#b1b0d8}}@keyframes moveUp{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}h1{color:#474747;font-size:50px;font-weight:700;font-family:monospace;letter-spacing:7px;cursor:pointer;z-index:1}h1 span{transition:.5s ease-out}h1:hover span:first-child{margin-right:5px}h1:hover span:first-child:after{content:" -"}h1:hover span:nth-child(2){margin-left:30px}h1:hover span{color:#fff;text-shadow:0 0 10px #9898de,0 0 20px #9898de,0 0 40px #9898de}