Smiley 😃

CSS

width: 500px;
height: 500px;
background:
  radial-gradient(ellipse at 50% 50%, rgba(167,104,8,1) 41%, rgba(102,63,4,1) 50%, rgba(240,234,226,1) 52%, rgba(0,0,0,0) 53%) 276px 91px / 76px 176px no-repeat no-repeat, /* Right Eye */
  radial-gradient(ellipse at 50% 50%, rgba(167,104,8,1) 41%, rgba(102,63,4,1) 50%, rgba(240,234,226,1) 52%, rgba(0,0,0,0) 53%) 153px 91px / 76px 176px no-repeat no-repeat, /* Left Eye */
  radial-gradient(ellipse at 50% -33%, rgba(255,225,51,1) 62%, rgba(255,255,255,1) 62%, rgba(105,68,8,1) 66.1%, rgba(255,225,51,0) 69.86%) 64px 293px / 370px 34px no-repeat no-repeat, /* Teeth mask */
  radial-gradient(ellipse at 50% 22%, rgba(255,255,255,1) 54%, rgba(74,45,0,1) 58.05%, rgba(255,225,51,0) 63.05%) 59px 294px / 383px 70px no-repeat no-repeat, /* Teeth */
  radial-gradient(ellipse at 50% 0%, rgba(167,104,8,1) 41%, rgba(102,63,4,1) 51%, rgba(240,234,226,1) 52%, rgba(0,0,0,0) 53%) 13px 294px / 473px 200px no-repeat no-repeat, /* Mouth */
  radial-gradient(ellipse at 50% 50%, rgba(255,226,49,1) 44%, rgba(221,134,11,1) 65.9%, rgba(99,59,3,1) 67%, rgba(0,0,0,0) 68%) 0px 0px / 500px 500px no-repeat no-repeat; /* Circle */