@import "https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial}}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.w-full{width:100%}.shrink-0{flex-shrink:0}.-rotate-1{rotate:-1deg}.rotate-1{rotate:1deg}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.text-center{text-align:center}.text-left{text-align:left}.leading-none{--tw-leading:1;line-height:1}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:rotate-0:hover{rotate:none}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}:root{--yellow:#ffbf00;--black:#1a1200;--white:#fffef5}body{background-color:var(--white);color:var(--black);font-family:Nunito,sans-serif}.wonky-border{border:3px solid var(--black);box-shadow:4px 4px 0px var(--black)}.wonky-border-lg{border:4px solid var(--black);box-shadow:6px 6px 0px var(--black)}.wonky-btn{border:3px solid var(--black);box-shadow:4px 4px 0px var(--black);letter-spacing:.05em;font-family:Bangers,cursive;transition:all .1s}.wonky-btn:hover{box-shadow:2px 2px 0px var(--black);transform:translate(2px,2px)}.wonky-btn:active{box-shadow:0px 0px 0px var(--black);transform:translate(4px,4px)}.diagonal-stripe{background:repeating-linear-gradient(45deg,var(--yellow)0px,var(--yellow)12px,var(--black)12px,var(--black)24px)}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.wiggle{animation:2s ease-in-out infinite wiggle}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)rotate(-5deg)}50%{opacity:1;transform:scale(1.05)rotate(1deg)}70%{transform:scale(.95)rotate(-.5deg)}to{transform:scale(1)rotate(0)}}.bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}