@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-1Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-2ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-3Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-6SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:A2z;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/\c5d0\c774\d22c\c9c0\ccb4-9Black.woff2) format("woff2");font-weight:900;font-display:swap}@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@400;600;800;900&display=swap);@import "tailwindcss";@theme{ --font-sans: "Pretendard", "Outfit", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif; --font-display: "A2z", sans-serif; --font-hand: "Nanum Pen Script", cursive; --color-crayon-red: #FF3366; --color-crayon-blue: #0066FF; --color-crayon-yellow: #FFCC00; --color-crayon-green: #00CC66; }@layer base{body{@apply font-sans bg-white text-[#111111];}}@layer utilities{.animate-marquee{animation:marquee 20s linear infinite}.snap-container{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.snap-section{scroll-snap-align:start}.crayon-box{border:3px solid #111;border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:4px 4px #0000000d;transition:all .2s ease}.crayon-box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000001a}.crayon-border-red{border-color:var(--color-crayon-red)}.crayon-border-blue{border-color:var(--color-crayon-blue)}.crayon-border-yellow{border-color:var(--color-crayon-yellow)}.crayon-border-green{border-color:var(--color-crayon-green)}.crayon-bg-red{background-color:var(--color-crayon-red);color:#fff}.crayon-bg-blue{background-color:var(--color-crayon-blue);color:#fff}.crayon-bg-yellow{background-color:var(--color-crayon-yellow);color:#111}.crayon-bg-green{background-color:var(--color-crayon-green);color:#fff}.crayon-text-red{color:var(--color-crayon-red)}.crayon-text-blue{color:var(--color-crayon-blue)}.crayon-text-yellow{color:var(--color-crayon-yellow)}.crayon-text-green{color:var(--color-crayon-green)}.crayon-underline{position:relative;display:inline-block;z-index:1}.crayon-underline:after{content:"";position:absolute;bottom:2px;left:-5%;width:110%;height:10px;background-color:var(--color-crayon-yellow);z-index:-1;border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-1deg);opacity:.8}.crayon-underline.red:after{background-color:var(--color-crayon-red)}.crayon-underline.blue:after{background-color:var(--color-crayon-blue)}.crayon-underline.green:after{background-color:var(--color-crayon-green)}.crayon-circle{position:relative;display:inline-block;z-index:1}.crayon-circle:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;border:4px solid var(--color-crayon-red);border-radius:255px 15px 225px/15px 225px 15px 255px;z-index:-1;transform:rotate(2deg);opacity:.8}.crayon-circle.blue:before{border-color:var(--color-crayon-blue)}.crayon-circle.yellow:before{border-color:var(--color-crayon-yellow)}.crayon-circle.green:before{border-color:var(--color-crayon-green)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}