/* line 29 */
html, body {
  margin: 0;
  padding: 0;
  background-color: black;
  font-size: 10px;
  overflow: hidden;
}

/* line 36 */
#head {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20em;
  height: 20em;
  line-height: 20em;
  -moz-border-radius: 22em;
  -webkit-border-radius: 22em;
  border-radius: 22em;
  margin-left: -10em;
  margin-top: -10em;
}

/* line 40 */
.face {
  position: relative;
  width: 20em;
  height: 20em;
  line-height: 20em;
  -moz-border-radius: 22em;
  -webkit-border-radius: 22em;
  border-radius: 22em;
  background-color: yellow;
  border: 0 solid yellow;
}

/* line 46 */
.eyes {
  width: 10em;
  height: 3.6em;
  line-height: 3.6em;
  -moz-border-radius: 11em;
  -webkit-border-radius: 11em;
  border-radius: 11em;
  margin-left: -5em;
  position: absolute;
  top: 4.5em;
  left: 50%;
}
/* line 49 */
.eyes .eye {
  position: relative;
  border: 0.3em solid black;
  width: 3em;
  height: 3em;
  line-height: 3em;
  -moz-border-radius: 3.3em;
  -webkit-border-radius: 3.3em;
  border-radius: 3.3em;
  background-color: white;
}
/* line 54 */
.eyes .eye:first-child {
  float: right;
}
/* line 56 */
.eyes .eye:last-child {
  float: left;
}
/* line 58 */
.eyes .eye .pupil {
  position: absolute;
  top: 2em;
  left: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  -moz-border-radius: 1.1em;
  -webkit-border-radius: 1.1em;
  border-radius: 1.1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  border: 0 solid black;
  background-color: black;
}

/* line 63 */
.nose {
  position: absolute;
  top: 9.3em;
  left: 50%;
  width: 0.4em;
  height: 3em;
  line-height: 3em;
  -moz-border-radius: 0.44em;
  -webkit-border-radius: 0.44em;
  border-radius: 0.44em;
  margin-left: -0.2em;
  background-color: #444444;
}

/* line 68 */
.mouth {
  position: absolute;
  top: 4em;
  left: 50%;
  width: 12em;
  height: 12em;
  line-height: 12em;
  -moz-border-radius: 13.2em;
  -webkit-border-radius: 13.2em;
  border-radius: 13.2em;
  margin-left: -6em;
  border-bottom: 0.4em solid red;
}