html,body{margin:0;padding:0;background:#F6F3EE;color:#1B1A18;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#861428;text-decoration:none}
a:hover{color:#5E0E1C}
::selection{background:#861428;color:#fff}
@keyframes sopelDraw{0%{stroke-dashoffset:1}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes sopelRing{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.55);opacity:0}}
@keyframes sopelSweep{0%,55%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(520%) skewX(-18deg)}}
@keyframes sopelMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sopelWave{0%{transform:scale(.9);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@keyframes sopelRingTilt{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(-14deg)}72%{transform:rotate(12deg)}78%{transform:rotate(-8deg)}84%{transform:rotate(0)}}
@keyframes sopelBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes sopelPulse{0%{transform:scale(1);opacity:.4}100%{transform:scale(1.7);opacity:0}}