/* Pixel Frog - CSS Art (4px grid) */
.pixel-frog {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: transparent;
    /* Offset so the 64x64 grid is centered in the 80px container */
    transform: translate(-32px, -32px);
    box-shadow: 
        /* Eyes (Outline) */
        16px 8px 0 #000, 20px 8px 0 #000, 24px 8px 0 #000,
        40px 8px 0 #000, 44px 8px 0 #000, 48px 8px 0 #000,
        16px 12px 0 #000, 24px 12px 0 #000,
        40px 12px 0 #000, 48px 12px 0 #000,
        16px 16px 0 #000, 20px 16px 0 #000, 24px 16px 0 #000,
        40px 16px 0 #000, 44px 16px 0 #000, 48px 16px 0 #000,
        /* Eye Whites */
        20px 12px 0 #fff, 44px 12px 0 #fff,
        /* Body Outline */
        12px 20px 0 #000, 16px 20px 0 #000, 20px 20px 0 #000, 24px 20px 0 #000, 28px 20px 0 #000, 32px 20px 0 #000, 36px 20px 0 #000, 40px 20px 0 #000, 44px 20px 0 #000, 48px 20px 0 #000, 52px 20px 0 #000,
        8px 24px 0 #000, 56px 24px 0 #000,
        8px 28px 0 #000, 56px 28px 0 #000,
        8px 32px 0 #000, 56px 32px 0 #000,
        8px 36px 0 #000, 56px 36px 0 #000,
        12px 40px 0 #000, 52px 40px 0 #000,
        16px 44px 0 #000, 20px 44px 0 #000, 44px 44px 0 #000, 48px 44px 0 #000,
        /* Green Fill */
        12px 24px 0 #4ade80, 16px 24px 0 #4ade80, 20px 24px 0 #4ade80, 24px 24px 0 #4ade80, 28px 24px 0 #4ade80, 32px 24px 0 #4ade80, 36px 24px 0 #4ade80, 40px 24px 0 #4ade80, 44px 24px 0 #4ade80, 48px 24px 0 #4ade80, 52px 24px 0 #4ade80,
        12px 28px 0 #4ade80, 16px 28px 0 #4ade80, 20px 28px 0 #4ade80, 24px 28px 0 #4ade80, 28px 28px 0 #4ade80, 32px 28px 0 #4ade80, 36px 28px 0 #4ade80, 40px 28px 0 #4ade80, 44px 28px 0 #4ade80, 48px 28px 0 #4ade80, 52px 28px 0 #4ade80,
        12px 32px 0 #4ade80, 16px 32px 0 #4ade80, 48px 32px 0 #4ade80, 52px 32px 0 #4ade80,
        12px 36px 0 #4ade80, 16px 36px 0 #4ade80, 20px 36px 0 #4ade80, 24px 36px 0 #4ade80, 28px 36px 0 #4ade80, 32px 36px 0 #4ade80, 36px 36px 0 #4ade80, 40px 36px 0 #4ade80, 44px 36px 0 #4ade80, 48px 36px 0 #4ade80, 52px 36px 0 #4ade80,
        20px 40px 0 #4ade80, 24px 40px 0 #4ade80, 28px 40px 0 #4ade80, 32px 40px 0 #4ade80, 36px 40px 0 #4ade80, 40px 40px 0 #4ade80, 44px 40px 0 #4ade80,
        /* Mouth */
        20px 32px 0 #000, 24px 32px 0 #000, 28px 32px 0 #000, 32px 32px 0 #000, 36px 32px 0 #000, 40px 32px 0 #000, 44px 32px 0 #000;
}