/* Variables */
/* Colours */
/* Rows */
body {
  font-size: 15px;
  background-color: #c7e2f7;
}
h1 { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 300; letter-spacing: -1px; margin: 30px auto; color: #3664af; text-align: center; } 
/* Woody */
div {
  background-color: #e3b933;
  position: absolute;
  width: 1em;
  height: 1em;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  box-shadow: -1em -11em #b56736, 1em -11em #b56736, -1em -10em #b56736, 0em -10em #b56736, 1em -10em #b56736, -3em -9em #b56736, -1em -9em #814624, 0em -9em #814624, 1em -9em #814624, 3em -9em #b56736, -2em -8em #b56736, -1em -8em #b56736, 0em -8em #b56736, 1em -8em #b56736, 2em -8em #b56736, -1em -7em #f3ca94, 0em -7em #f3ca94, 1em -7em #f3ca94, -1em -6em #f3ca94, 0em -6em #f3ca94, 1em -6em #f3ca94, -1em -5em #f3ca94, 0em -5em #f3ca94, 1em -5em #f3ca94, -1em -4em #FFFFFF, 0em -4em #cd2927, 1em -4em #FFFFFF, -2em -3em #f5d834, -1em -3em #FFFFFF, 0em -3em #f5d834, 1em -3em #e3b933, 2em -3em #f5d834, -2em -2em #f5d834, -1em -2em #FFFFFF, 0em -2em #f5d834, 1em -2em #FFFFFF, 2em -2em #f5d834, -2em -1em #f5d834, -1em -1em #FFFFFF, 0em -1em #f5d834, 1em -1em #FFFFFF, 2em -1em #f5d834, -2em 0em #f5d834, -1em 0em #814624, 0em 0em #e3b933, 1em 0em #814624, 2em 0em #f5d834, /* Base */ -2em 1em #f5d834, -2em 1em #5c82a6, -1em 1em #5c82a6, 0em 1em #5c82a6, 1em 1em #5c82a6, 2em 1em #f5d834, -2em 2em #f3ca94, -1em 2em #5c82a6, 1em 2em #5c82a6, 2em 2em #f3ca94, -2em 2em #f3ca94, -1em 2em #5c82a6, 1em 2em #5c82a6, 2em 2em #f3ca94, -1em 3em #5c82a6, 1em 3em #5c82a6, -1em 4em #5c82a6, 1em 4em #5c82a6, -1em 5em #5c82a6, 1em 5em #5c82a6, -1em 6em #5c82a6, 1em 6em #5c82a6, -1em 7em #b56736, 1em 7em #b56736, -1em 8em #b56736, 1em 8em #b56736, -2em 9em #b56736, -1em 9em #b56736, 1em 9em #b56736, 2em 9em #b56736;
}
/* Buzz */
div:before {
  background: #292921;
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  margin: auto;
  bottom: 0;
  left: -18em;
  right: 0;
  top: 0;
  box-shadow: -1em -8em #371c53, 0em -8em #371c53, 1em -8em #371c53, -2em -7em #371c53, -1em -7em #f3ca94, 0em -7em #f3ca94, 1em -7em #f3ca94, 2em -7em #371c53, -2em -6em #371c53, -1em -6em #f3ca94, 0em -6em #f3ca94, 1em -6em #f3ca94, 2em -6em #371c53, -2em -5em #371c53, -1em -5em #f3ca94, 0em -5em #f3ca94, 1em -5em #f3ca94, 2em -5em #371c53, -1em -4em #371c53, 0em -4em #371c53, 1em -4em #371c53, -3em -3em #806d5e, -2em -3em #5cba48, -1em -3em #5cba48, 0em -3em #5cba48, 1em -3em #5cba48, 2em -3em #5cba48, 3em -3em #806d5e, -3em -2em #FFFFFF, -2em -2em #FFFFFF, -1em -2em #5cba48, 0em -2em #5cba48, 1em -2em #cd2927, 2em -2em #FFFFFF, 3em -2em #FFFFFF, -3em -1em #FFFFFF, -2em -1em #FFFFFF, -1em -1em #371c53, 0em -1em #FFFFFF, 1em -1em #371c53, 2em -1em #FFFFFF, 3em -1em #FFFFFF, /* Base */ -3em 0em #806d5e, -1em 0em #FFFFFF, 0em 0em #292921, 1em 0em #FFFFFF, 3em 0em #806d5e, -3em 1em #5cba48, -1em 1em #292921, 0em 1em #292921, 1em 1em #292921, 3em 1em #5cba48, -3em 2em #FFFFFF, -1em 2em #5cba48, 0em 2em #5cba48, 1em 2em #5cba48, 3em 2em #FFFFFF, -1em 3em #FFFFFF, 1em 3em #FFFFFF, -1em 4em #FFFFFF, 1em 4em #FFFFFF, -1em 5em #FFFFFF, 1em 5em #FFFFFF, -1em 6em #FFFFFF, 1em 6em #FFFFFF, -1em 7em #FFFFFF, 1em 7em #FFFFFF, -1em 8em #5cba48, 1em 8em #5cba48, -2em 9em #5cba48, -1em 9em #FFFFFF, 1em 9em #FFFFFF, 2em 9em #5cba48;
}
/* Jessie and the Alien */
div:after {
  background-color: #e3b933;
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  bottom: 0;
  left: 9em;
  right: 0;
  top: 0;
  box-shadow: -1em -10em #a71f23, 1em -10em #a71f23, -1em -9em #a71f23, 0em -9em #a71f23, 1em -9em #a71f23, -3em -8em #a71f23, -2em -8em #a71f23, -1em -8em #a71f23, 0em -8em #a71f23, 1em -8em #a71f23, 2em -8em #a71f23, 3em -8em #a71f23, -2em -7em #cd2927, -1em -7em #cd2927, 0em -7em #f3ca94, 1em -7em #cd2927, 2em -7em #cd2927, -2em -6em #cd2927, -1em -6em #f3ca94, 0em -6em #f3ca94, 1em -6em #f3ca94, 2em -6em #cd2927, -1em -5em #f3ca94, 0em -5em #f3ca94, 1em -5em #f3ca94, -1em -4em #FFFFFF, 0em -4em #f3ca94, 1em -4em #FFFFFF, -2em -3em #FFFFFF, -1em -3em #f5d834, 0em -3em #f5d834, 1em -3em #f5d834, 2em -3em #FFFFFF, -2em -2em #FFFFFF, -1em -2em #FFFFFF, 0em -2em #FFFFFF, 1em -2em #FFFFFF, 2em -2em #FFFFFF, 8em -2em #b3d63c, -2em -1em #FFFFFF, -1em -1em #FFFFFF, 0em -1em #FFFFFF, 1em -1em #FFFFFF, 2em -1em #FFFFFF, 8em -1em #b3d63c, /* Base */ -2em 0em #FFFFFF, -1em 0em #b56736, 1em 0em #b56736, 2em 0em #FFFFFF, 5em 0em #b3d63c, 7em 0em #b3d63c, 8em 0em #b3d63c, 9em 0em #b3d63c, 11em 0em #b3d63c, -2em 1em #f5d834, -1em 1em #5c82a6, 0em 1em #5c82a6, 1em 1em #5c82a6, 2em 1em #f5d834, 5em 1em #b3d63c, 6em 1em #b3d63c, 7em 1em #b3d63c, 8em 1em #b3d63c, 9em 1em #b3d63c, 10em 1em #b3d63c, 11em 1em #b3d63c, -2em 2em #f3ca94, -1em 2em #5c82a6, 0em 2em #5c82a6, 1em 2em #5c82a6, 2em 2em #f3ca94, 6em 2em #b3d63c, 7em 2em #b3d63c, 8em 2em #b3d63c, 9em 2em #b3d63c, 10em 2em #b3d63c, -1em 3em #292921, 1em 3em #FFFFFF, 6em 3em #7651a1, 7em 3em #7651a1, 8em 3em #7651a1, 9em 3em #7651a1, 10em 3em #7651a1, -1em 4em #FFFFFF, 1em 4em #292921, 5em 4em #3664af, 6em 4em #3664af, 7em 4em #3664af, 8em 4em #3664af, 9em 4em #e3b933, 10em 4em #3664af, 11em 4em #3664af, -1em 5em #292921, 1em 5em #FFFFFF, 5em 5em #3664af, 6em 5em #3664af, 7em 5em #3664af, 8em 5em #3664af, 9em 5em #3664af, 10em 5em #3664af, 11em 5em #3664af, -1em 6em #FFFFFF, 1em 6em #292921, 5em 6em #3664af, 6em 6em #252c63, 7em 6em #252c63, 8em 6em #252c63, 9em 6em #252c63, 10em 6em #252c63, 11em 6em #3664af, -1em 7em #292921, 1em 7em #FFFFFF, 5em 7em #b3d63c, 6em 7em #3664af, 7em 7em #3664af, 9em 7em #3664af, 10em 7em #3664af, 11em 7em #b3d63c, -1em 8em #FFFFFF, 1em 8em #292921, 6em 8em #3664af, 7em 8em #3664af, 9em 8em #3664af, 10em 8em #3664af, -2em 9em #b56736, -1em 9em #b56736, 1em 9em #b56736, 2em 9em #b56736, 5em 9em #252c63, 6em 9em #252c63, 7em 9em #252c63, 9em 9em #252c63, 10em 9em #252c63, 11em 9em #252c63;
}