@keyframes orbit-thumb{0%{transform:rotate(0deg) translateX(120px) rotate(1turn);z-index:3;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(180deg) translateX(120px) rotate(1turn);z-index:1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1turn) translateX(120px) rotate(1turn);z-index:3;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}}@keyframes orbit-star{0%{transform:rotate(90deg) translateX(60px) rotate(1turn);z-index:3;animation-timing-function:cubic-bezier(.215,.61,.355,1)}50%{transform:rotate(270deg) translateX(60px) rotate(1turn);z-index:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{transform:rotate(450deg) translateX(60px) rotate(1turn);z-index:3;animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes orbit-heart{0%{transform:rotate(0deg) translateX(160px) rotate(0deg);z-index:3;animation-timing-function:cubic-bezier(.215,.61,.355,1)}50%{transform:rotate(180deg) translateX(160px) rotate(180deg);z-index:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{transform:rotate(1turn) translateX(160px) rotate(1turn);z-index:3;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}}@keyframes orbit-hands{0%{transform:rotate(270deg) translateX(100px) rotate(270deg);z-index:3;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(450deg) translateX(100px) rotate(450deg);z-index:1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(630deg) translateX(100px) rotate(630deg);z-index:3;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}}.orbit-hands,.orbit-heart,.orbit-star,.orbit-thumb{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;transform-style:preserve-3d;animation-duration:8s;animation-iteration-count:infinite}.orbit-thumb{animation-name:orbit-thumb}.orbit-star{animation-name:orbit-star}.orbit-heart{animation-name:orbit-heart}.orbit-hands{animation-name:orbit-hands}.planet{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:none;border-radius:50%;transform:translateZ(0)}@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");h1{font-family:Pacifico;position:relative}h1,h1:after{overflow:hidden}h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:0;height:100%;color:transparent;border-right:2px solid;animation:handwriting 2s steps(30) forwards}@keyframes draw{0%{stroke-dasharray:0,100}to{stroke-dasharray:100,0}}#h-path{stroke-dasharray:0,100;animation:draw 5s linear forwards}