Smiley Face Part 1
A hand-drawn style smiley face is rendered as a static SVG graphic, composed of a yellow circular head, two white eye patches with black pupils, and a black horizontal line for a mouth. The code uses plain SVG elements—`circle`, `line`, and `g`—with CSS classes for styling, positioning the shapes via the `transform` attribute. The face is centered in a 400-by-400 pixel container, with the head and pupils sized through radius and translation values. No animation or interaction is present; the example demonstrates basic SVG shape composition and attribute-based layout.