:root{
    --acme-orange: #f27a1a;
    --acme-red: #d83b2c;
    --acme-blue: #2f7dbf;
    --acme-yellow: #f3c84b;
    --acme-cream: #f7efe4;
    --acme-ink: #2a1d16;
}
body{
    font-family: "Nunito", sans-serif;
    color: var(--acme-ink);
    background:
    radial-gradient(circle at 50% 18%, rgba(242,122,26,.6) 0 18%, transparent 19%),
    radial-gradient(circle at 50% 18%, rgba(216,59,44,.45) 0 34%, transparent 35%),
    radial-gradient(circle at 50% 18%, rgba(47,125,191,.35) 0 52%, transparent 53%),
    radial-gradient(circle at 50% 18%, rgba(243,200,75,.35) 0 70%, transparent 71%),
    radial-gradient(circle at 15% 30%, rgba(47,125,191,.35) 0 20%, transparent 21%),
    radial-gradient(circle at 85% 28%, rgba(242,122,26,.35) 0 20%, transparent 21%),
    radial-gradient(circle at 12% 70%, rgba(243,200,75,.35) 0 22%, transparent 23%),
    radial-gradient(circle at 88% 72%, rgba(216,59,44,.3) 0 22%, transparent 23%),
    repeating-conic-gradient(from 10deg, rgba(255,255,255,.18) 0 8deg, rgba(255,255,255,0) 8deg 16deg),
    #f4e4cf;
    min-height: 100vh;
}
.title-font{
    font-family: "Bangers", cursive;
    letter-spacing: 1px;
}
.card{
    background: rgba(255,255,255,.92);
    border: 3px solid var(--acme-ink);
    border-radius: 24px;
    box-shadow: 0 14px 0 rgba(42,29,22,.2);
}
.burst{
    background:
    radial-gradient(circle at 50% 50%, #fef7e4 0 44%, transparent 45%),
    repeating-conic-gradient(
    from 0deg,
    var(--acme-yellow) 0 12deg,
    var(--acme-orange) 12deg 24deg,
    var(--acme-blue) 24deg 36deg,
    var(--acme-red) 36deg 48deg
    );
    border: 3px solid var(--acme-ink);
    border-radius: 999px;
    box-shadow: 0 10px 0 rgba(42,29,22,.2);
}
.text-acme-muted{ color: #5e4a3b; }
.bg-acme-orange{ background: var(--acme-orange); }
.bg-acme-red{ background: var(--acme-red); }
.bg-acme-blue{ background: var(--acme-blue); }
.bg-acme-yellow{ background: var(--acme-yellow); }
.bg-acme-cream{ background: var(--acme-cream); }
.border-acme-ink{ border-color: var(--acme-ink); }
.input-acme{
    border: 2px solid var(--acme-ink);
    background: #fffdf8;
}
.input-acme:focus{
    outline: none;
    border-color: var(--acme-orange);
    box-shadow: 0 0 0 3px rgba(242,122,26,.25);
}
.shadow-acme{ box-shadow: 0 8px 0 rgba(42,29,22,.2); }