<div />

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --size: 100;
  --unit: calc((var(--size) / 100) * 1vmin);
  --face: #f1e5d7;
  --body: #215f75;
}

body {
  background-color: var(--face);
  margin: 0;
}

div {
  height: calc(var(--unit) * 80);
  width: calc(var(--unit) * 80);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: 
    /* Ears */
    radial-gradient(54% 114% at 100% 100%, var(--body) 50%, transparent 50%) -44% -19% / 50% 50%,
    radial-gradient(100% 98% at 0% 100%, var(--body) 50%, transparent 50%) 56% -27% / 50% 50%,
    radial-gradient(54% 114% at 0% 100%, var(--body) 50%, transparent 50%) 144% -19% / 50% 50%,
    radial-gradient(100% 98% at 100% 100%, var(--body) 50%, transparent 50%) 45% -27% / 50% 50%,

    /* Weird triangle forehead thing */
    linear-gradient(135deg, var(--body) 50%, transparent 50%) 62.5% 35% / 20% 20%,
    linear-gradient(45deg, transparent 50%, var(--body) 50%) 37.5% 35% / 20% 20%,
    
    /* Face */
    radial-gradient(250% 50% at 50% -23%, transparent 48%, black 48% 52%, transparent 52%) 35% 108% / 15% 50%,
    radial-gradient(250% 50% at 50% -23%, transparent 48%, black 48% 52%, transparent 52%) 65% 108% / 15% 50%,
    radial-gradient(250% 50% at 50% -22%, transparent 48%, black 48% 52%, transparent 52%) 50% 135% / 25% 50%,
    linear-gradient(135deg, transparent 50%, white 50%) 40% 68% / 3% 3%,
    linear-gradient(45deg, white 50%, transparent 50%) 60% 68% / 3% 3%,
    radial-gradient(85% 65% at 50% 50%, var(--face) 50%, transparent 50%) 50% 85% / 75% 75%,

    /* Head */
    radial-gradient(75% 60% at 50% 50%, var(--body) 50%, transparent 50%)
  ;
  background-repeat: no-repeat;
}

// #divtober day 5: tired
// CSS Minimalist Snorlax