html, body { margin:0; padding:0; }
body { background:#FBF7F3; }
* { box-sizing:border-box; }
[data-reveal]{ opacity:0; transform:translateY(28px); }
[data-reveal].in{ opacity:1; transform:none; transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
@keyframes floaty { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-14px) } }
@keyframes floaty2 { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(12px) } }
@keyframes marquee { from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
@keyframes spinslow { to{ transform:rotate(360deg) } }