.badge{transform-box:fill-box;transform-origin:center;opacity:0;animation:pop 1s cubic-bezier(.2,.8,.2,1) .1s forwards}
  @keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
  .ring{stroke-dasharray:1;stroke-dashoffset:1;animation:ringDraw 1.2s ease-out .4s forwards}
  @keyframes ringDraw{0%{stroke-dashoffset:1}99.99%{stroke-dashoffset:0;stroke-dasharray:1}100%{stroke-dashoffset:0;stroke-dasharray:none}}
  .ring2{animation-delay:.7s}
  @keyframes draw{to{stroke-dashoffset:0}}
  .draw{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s ease-in-out forwards}
  .moon{opacity:0;transform:translateY(-14px);animation:rise 1.2s ease-out 1s forwards}
  @keyframes rise{to{opacity:1;transform:none}}
  .star{opacity:0;animation:tw 2.4s ease-in-out infinite}
  .s1{animation-delay:1.8s}.s2{animation-delay:2.3s}.s3{animation-delay:2.8s}
  @keyframes tw{0%,100%{opacity:.15}50%{opacity:1}}
  .bob{animation:slide 5s linear infinite}
  .b1,.b3{animation-direction:reverse}
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(50px)}}
  .word{fill:#E8DCC0;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;opacity:0;letter-spacing:14px;animation:word 1.6s ease-out 3.3s forwards}
  @keyframes word{to{opacity:1;letter-spacing:3px}}
  .under{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1s ease-out 4.6s forwards}