:root{--yellow:#ffe45c;--pink:#ff3ea5;--blue:#2f5bff;--ink:#111;--paper:#fffef6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--yellow);color:var(--ink)}main{min-height:100vh;padding:24px;display:grid}.poster{position:relative;overflow:hidden;display:grid;align-content:center;padding:5vw;border:4px solid #111;background:var(--paper);box-shadow:14px 14px 0 #111}.poster p:first-child{font-weight:1000;text-transform:uppercase;color:var(--blue)}h1{position:relative;z-index:1;margin:0;font-size:clamp(7rem,22vw,17rem);line-height:.78;letter-spacing:0}h2{position:relative;z-index:1;max-width:900px;margin:18px 0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95}.poster p:last-of-type{position:relative;z-index:1;max-width:650px;line-height:1.8}.btn{position:relative;z-index:1;display:inline-flex;width:max-content;margin-top:18px;padding:15px 22px;border:4px solid #111;background:var(--pink);color:#111;text-decoration:none;font-weight:1000;box-shadow:6px 6px 0 #111}.btn:hover{background:var(--blue);color:#fff;transform:rotate(-2deg) translateY(-4px)}.shape{position:absolute;border:4px solid #111}.a{width:250px;height:250px;border-radius:50%;background:var(--pink);right:8%;top:12%;animation:move 5s ease-in-out infinite}.b{width:320px;height:160px;background:var(--blue);right:18%;bottom:12%;transform:rotate(-8deg);animation:move 4s ease-in-out infinite reverse}@keyframes move{50%{transform:translateY(28px) rotate(8deg)}}@media(max-width:650px){main{padding:12px}.poster{padding:34px 18px}.shape{opacity:.35}}