@font-face{font-family:Display;src:url(anton.ttf)}@font-face{font-family:Text;src:url(barlow-condensed.ttf)}@font-face{font-family:Notes;src:url(kalam.ttf)}:root{--paper:#f7f4ec;--ink:#141513;--yellow:#f7ff2c;--pink:#ff91c7;--aqua:#66e5d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:22px/1.45 Text,Arial,sans-serif;background-image:radial-gradient(#14151312 .6px,transparent .6px);background-size:4px 4px}main{max-width:960px;margin:auto;padding:64px 28px}a{color:inherit}.brand{display:inline-block;transform:rotate(-7deg);font:62px/1 Display,sans-serif;letter-spacing:-.035em;text-decoration:none;margin:8px 0 55px}.brand span{display:block;background:var(--yellow);padding:9px 12px 4px;box-shadow:-5px 4px 0 #f7ff3590}.brand strong{display:block;background:var(--ink);color:var(--pink);font-weight:400;margin:3px 0 0 35px;padding:0 18px 5px;box-shadow:5px 6px 0 var(--yellow)}h1,h2{font-family:Display,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.1}h1{font-size:clamp(46px,7vw,78px);margin:0 0 24px;transform:skew(-5deg)}h1 span{background:linear-gradient(176deg,transparent 65%,var(--yellow) 66%,var(--yellow) 96%,transparent 97%)}.lede{max-width:640px;font-size:28px}.tag{display:inline-block;background:var(--pink);padding:7px 17px;font:20px Notes,cursive;transform:rotate(-2deg)}.paper{padding:36px;margin:42px 0;background-color:var(--aqua);background-image:linear-gradient(#fff6 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px);background-size:25px 25px;clip-path:polygon(0 3%,8% 0,24% 2%,42% 0,61% 2%,80% 0,100% 2%,99% 30%,100% 70%,99% 98%,82% 100%,61% 98%,43% 100%,22% 98%,0 100%,1% 65%)}h2{font-size:34px;margin:0 0 18px}.paper p{max-width:690px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.step{border-top:3px solid;padding-top:14px}.step b{display:block;font:24px Display,sans-serif;margin-bottom:8px}footer{font:16px/1.5 Arial,sans-serif;border-top:1px solid #14151344;padding-top:22px}.note{font:22px Notes,cursive} @media(max-width:580px){main{padding:36px 22px}.brand{font-size:47px}.steps{grid-template-columns:1fr}.paper{padding:30px 22px}.lede{font-size:25px}}