@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";#root>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);width:min(1120px,100% - 2.5rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0;display:grid}#root>div>h1:first-child{isolation:isolate;border:4px solid var(--ink);background:radial-gradient(circle, #24294a26 1.5px, transparent 1.8px) 0 0 / 13px 13px, var(--sunshine);box-shadow:9px 10px 0 var(--ink);color:var(--ink);letter-spacing:.015em;text-align:center;text-wrap:balance;border-radius:1.25rem;grid-column:1/-1;margin:0 0 .5rem;padding:clamp(2.5rem,7vw,5.5rem) clamp(1.25rem,6vw,5rem);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.6rem,8.5vw,6.7rem);font-weight:900;line-height:.94;animation:.7s cubic-bezier(.18,.8,.24,1.2) both pop-in;position:relative;overflow:hidden;transform:rotate(-1deg)}#root>div>h1:first-child:after{z-index:-1;aspect-ratio:1;border:4px solid var(--ink);background:var(--pink);content:"";border-radius:50%;width:15rem;position:absolute;bottom:-5rem;right:-2.5rem}#root>div>div{border:3px solid var(--ink);background:var(--paper);min-width:0;box-shadow:6px 7px 0 var(--ink);border-radius:1rem;padding:clamp(1.25rem,3vw,2rem);transition:transform .18s,box-shadow .18s;animation:.65s both rise-in;position:relative}#root>div>div:hover{box-shadow:9px 11px 0 var(--ink);transform:translate(-2px,-4px)rotate(-.25deg)}#root>div>div:first-of-type{animation-delay:.1s}#root>div>div:nth-of-type(2){background-color:#e2f5ff;animation-delay:.18s}#root>div>div:nth-of-type(3){background-color:#fff0a8;grid-column:1/-1;animation-delay:.26s}#root>div>div:nth-of-type(4){background-color:#ffe1e8;grid-column:1/-1;animation-delay:.34s}#root>div>div:first-of-type:before,#root>div>div:nth-of-type(2):before,#root>div>div:nth-of-type(3):before,#root>div>div:nth-of-type(4):before{aspect-ratio:1;border:2px solid var(--ink);background:var(--pink);width:1.45rem;box-shadow:2px 2px 0 var(--ink);content:"";border-radius:50%;position:absolute;top:-.75rem;right:1.2rem}#root>div>div:nth-of-type(2):before{background:var(--blue)}#root>div>div:nth-of-type(3):before{background:var(--sunshine)}#root>div>div:nth-of-type(4):before{background:var(--mint)}#root>div>div>h3{border:2px solid var(--ink);background:var(--pink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1.1rem;padding:.35rem .75rem .45rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:900;line-height:1;display:table;position:relative;transform:rotate(-1deg)}#root>div>div:nth-of-type(2)>h3{background:var(--mint);transform:rotate(1deg)}#root>div>div:nth-of-type(3)>h3{background:var(--blue)}#root>div>div:nth-of-type(4)>h3{background:var(--sunshine);transform:rotate(1deg)}#root>div>div>p{color:var(--ink);overflow-wrap:anywhere;margin:.75rem 0 0;font-size:clamp(.97rem,1.5vw,1.08rem);font-weight:600;line-height:1.7}#root>div>div>p+p{border-top:1px dashed #24294a59;padding-top:.75rem}#root>div>div:nth-of-type(4)>p:last-of-type{border:2px dashed var(--ink);background:#ffffff8c;border-radius:.65rem;padding:1rem;font-size:clamp(.98rem,1.6vw,1.1rem)}#root>div>div:nth-of-type(3)>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:clamp(.65rem,1.8vw,1rem);margin-top:1.4rem;display:grid}#root>div>div:nth-of-type(3) img{aspect-ratio:4/3;border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);object-fit:cover;background:#fff;border-radius:.6rem;transition:transform .22s,box-shadow .22s,filter .22s;display:block}#root>div>div:nth-of-type(3) img:nth-child(3n+1){transform:rotate(-1.5deg)}#root>div>div:nth-of-type(3) img:nth-child(3n+2){transform:rotate(1deg)}#root>div>div:nth-of-type(3) img:hover{z-index:1;filter:saturate(1.12);box-shadow:7px 8px 0 var(--ink);transform:scale(1.045)rotate(0)}#root>div>div:nth-of-type(4)>h1{border:3px solid var(--ink);background:var(--sunshine);max-width:100%;box-shadow:5px 5px 0 var(--ink);color:var(--ink);text-align:center;text-wrap:balance;border-radius:.6rem;margin:1.5rem auto .5rem;padding:.65rem clamp(.8rem,3vw,1.5rem);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,7vw,4.5rem);line-height:1;animation:2.4s ease-in-out infinite celebration;display:table;transform:rotate(-1deg)}@keyframes pop-in{0%{opacity:0;transform:translateY(20px)rotate(-4deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(-1deg)scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes celebration{0%,to{transform:rotate(-1deg)scale(1)}50%{transform:rotate(1deg)scale(1.025)}}@media (width<=700px){#root>div{grid-template-columns:minmax(0,1fr);gap:1.25rem;width:min(100% - 1.25rem,560px);padding:1.5rem 0 2.5rem}#root>div>h1:first-child{box-shadow:6px 7px 0 var(--ink);border-width:3px;border-radius:.9rem;padding:2.6rem 1rem;font-size:clamp(2.5rem,12vw,4rem)}#root>div>div,#root>div>div:nth-of-type(3),#root>div>div:nth-of-type(4){box-shadow:4px 5px 0 var(--ink);border-width:2px;grid-column:1;padding:1.15rem}#root>div>div:nth-of-type(3)>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}#root>div>div:nth-of-type(3) img{box-shadow:3px 3px 0 var(--ink);border-width:2px}#root>div>div:nth-of-type(4)>h1{font-size:clamp(2rem,10vw,3.25rem)}}@media (width<=360px){#root>div>div:nth-of-type(3)>div{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#24294a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#24294a;--paper:#fffdf6;--sunshine:#ffcf38;--pink:#ff7698;--blue:#70caff;--mint:#72e0ba;background:#d7efff;font-family:Nunito,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:#d7efff;background-image:radial-gradient(#8ecdf0 1.15px,#0000 1.15px);background-position:-4px -4px;background-size:24px 24px;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;padding:0}body:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 55%);position:fixed;inset:0}::selection{background:var(--sunshine);color:var(--ink)}
