@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Outfit:wght@300..900&display=swap";:root{--bg-color:#fcf9f2;--primary-color:#ffeaa7;--secondary-color:#74b9ff;--accent-color:#55efc4;--alert-color:#ff7675;--text-color:#2d3436;--border-color:#2d3436;--font-hand:"Kalam", cursive;--font-base:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-hand);font-weight:700}.cartoon-box{border:3px solid var(--border-color);box-shadow:6px 6px 0px var(--border-color);background-color:#fff;border-radius:12px;transition:all .2s}.cartoon-box:hover{box-shadow:8px 8px 0px var(--border-color);transform:translate(-2px,-2px)}.cartoon-button{background-color:var(--primary-color);color:var(--text-color);border:3px solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);font-family:var(--font-hand);cursor:pointer;border-radius:8px;padding:12px 24px;font-size:1.25rem;font-weight:700;transition:all .1s}.cartoon-button:hover{background-color:var(--accent-color)}.cartoon-button:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(3px,3px)}.container{max-width:1200px;margin:0 auto;padding:2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.grid-cols-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-cols-2,.grid-cols-4{grid-template-columns:1fr}}.hand-text{font-family:var(--font-hand);font-size:1.5rem}