:root{font-family:Kalam,Comic Sans MS,Marker Felt,cursive;line-height:1.6;font-weight:400;--pastel-bg: #fef9e7;--pastel-pink: #ffb3d1;--pastel-blue: #b8e6f0;--pastel-green: #c8e6c9;--pastel-yellow: #fff9c4;--pastel-purple: #e1bee7;--pastel-orange: #ffccbc;--pastel-text: #5d4e75;--pastel-border: #d1afd1;--pastel-accent: #f8bbd0;--pastel-hover: #fce4ec}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;color:var(--pastel-text);background:var(--pastel-bg)}.app-wrapper{position:relative;min-height:100vh;background-image:radial-gradient(circle at 20% 30%,var(--pastel-pink) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--pastel-blue) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--pastel-yellow) 0%,transparent 50%)}.content-layer{position:relative;z-index:1}.crayon-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:var(--pastel-bg);background-image:repeating-linear-gradient(45deg,transparent,transparent 150px,rgba(255,179,209,.15) 150px,rgba(255,179,209,.15) 152px),repeating-linear-gradient(-45deg,transparent,transparent 120px,rgba(184,230,240,.15) 120px,rgba(184,230,240,.15) 122px),radial-gradient(circle at 30% 20%,var(--pastel-pink) 0%,transparent 40%),radial-gradient(circle at 70% 80%,var(--pastel-blue) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--pastel-yellow) 0%,transparent 50%);overflow:hidden;pointer-events:none;opacity:.6}h1,h2,h3,h4,h5,h6{color:var(--pastel-text);font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.1)}a{color:var(--pastel-purple);text-decoration:none;transition:color .3s ease}a:hover{color:var(--pastel-accent);text-decoration:underline wavy}button{font-family:inherit;cursor:pointer;transition:all .2s ease;border:3px solid var(--pastel-text)!important}.rough-border{border:4px solid var(--pastel-border);position:relative;border-radius:0!important;background-clip:padding-box}.rough-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:transparent;clip-path:polygon(0% 0%,98% 2%,100% 98%,2% 100%);z-index:-1}input,textarea,select{font-family:inherit;border:3px solid var(--pastel-text)!important;border-radius:0!important}