<div id="pipeWithPlant">
	<div class="pixel-size carnivorousPlant"></div>
  <div class="pixel-size pipe"></div>
</div>
body {
  font-size: 5px;
  background-color: #63f7ad;
}
#pipeWithPlant {
  position: absolute;
  left: 50%;
  top: 50%;
}
.pixel-size {
  width: 1em;
  height: 1em;
}
.carnivorousPlant {
  position: absolute;
  top: 0;
  background-color: #050c12;
  animation: down2up ease-out 1s alternate infinite;
  -webkit-animation: down2up ease-out 1s alternate infinite;
  box-shadow: 1em 0 0 #050c12, 8em 0 0 #050c12, 9em 0 0 #050c12, -1em 1em 0 #050c12, 0 1em 0 white, 1em 1em 0 white, 2em 1em 0 #050c12, 7em 1em 0 #050c12, 8em 1em 0 white, 9em 1em 0 white, 10em 1em 0 #050c12, 0 2em 0 #050c12, 1em 2em 0 white, 2em 2em 0 white, 3em 2em 0 #050c12, 6em 2em 0 #050c12, 7em 2em 0 white, 8em 2em 0 white, 9em 2em 0 #050c12, -1em 3em 0 #050c12, 0 3em 0 #df2516, 1em 3em 0 #050c12, 2em 3em 0 white, 3em 3em 0 white, 4em 3em 0 #050c12, 5em 3em 0 #050c12, 6em 3em 0 white, 7em 3em 0 white, 8em 3em 0 #050c12, 9em 3em 0 #df2516, 10em 3em 0 #050c12, -1em 4em 0 #050c12, 0 4em 0 white, 1em 4em 0 #df2516, 2em 4em 0 #050c12, 3em 4em 0 white, 4em 4em 0 white, 5em 4em 0 white, 6em 4em 0 white, 7em 4em 0 #050c12, 8em 4em 0 #df2516, 9em 4em 0 white, 10em 4em 0 #050c12, -1em 5em 0 #050c12, 0 5em 0 #df2516, 1em 5em 0 #df2516, 2em 5em 0 #df2516, 3em 5em 0 #050c12, 4em 5em 0 #050c12, 5em 5em 0 #050c12, 6em 5em 0 #050c12, 7em 5em 0 #df2516, 8em 5em 0 white, 9em 5em 0 #df2516, 10em 5em 0 #050c12, 0 6em 0 #050c12, 1em 6em 0 white, 2em 6em 0 #df2516, 3em 6em 0 #df2516, 4em 6em 0 white, 5em 6em 0 #df2516, 6em 6em 0 white, 7em 6em 0 #df2516, 8em 6em 0 #df2516, 9em 6em 0 #050c12, 1em 7em 0 #050c12, 2em 7em 0 #050c12, 3em 7em 0 #050c12, 4em 7em 0 #df2516, 5em 7em 0 white, 6em 7em 0 #050c12, 7em 7em 0 #050c12, 8em 7em 0 #050c12, 0 8em 0 #050c12, 1em 8em 0 #2c883d, 2em 8em 0 #2c883d, 3em 8em 0 #050c12, 4em 8em 0 #2c883d, 5em 8em 0 #2c883d, 6em 8em 0 #050c12, 7em 8em 0 #2c883d, 8em 8em 0 #2c883d, 9em 8em 0 #050c12, 0 9em 0 #050c12, 1em 9em 0 #050c12, 2em 9em 0 #2c883d, 3em 9em 0 #2c883d, 4em 9em 0 #2c883d, 5em 9em 0 #2c883d, 6em 9em 0 #2c883d, 7em 9em 0 #2c883d, 8em 9em 0 #050c12, 9em 9em 0 #050c12, 1em 10em 0 #050c12, 2em 10em 0 #050c12, 3em 10em 0 #2c883d, 4em 10em 0 #2c883d, 5em 10em 0 #2c883d, 6em 10em 0 #2c883d, 7em 10em 0 #050c12, 8em 10em 0 #050c12, 2em 11em 0 #050c12, 3em 11em 0 #050c12, 4em 11em 0 #050c12, 5em 11em 0 #050c12, 6em 11em 0 #050c12, 7em 11em 0 #050c12;
  z-index: 1;
}

.pipe {
  position: absolute;
  background-color: #050c12;
  box-shadow: -3em 0 0 #050c12, -2em 0 0 #050c12, -1em 0 0 #050c12, 0 0 0 #050c12, 1em 0 0 #050c12, 2em 0 0 #050c12, 3em 0 0 #050c12, 4em 0 0 #050c12, 5em 0 0 #050c12, 6em 0 0 #050c12, 7em 0 0 #050c12, 8em 0 0 #050c12, 9em 0 0 #050c12, 10em 0 0 #050c12, 11em 0 0 #050c12, 12em 0 0 #050c12, -3em 1em 0 #050c12, -2em 1em 0 #1b5443, -1em 1em 0 #1b5443, 0 1em 0 #9ee57b, 1em 1em 0 #9ee57b, 2em 1em 0 #1b5443, 3em 1em 0 #9ee57b, 4em 1em 0 #1b5443, 5em 1em 0 #1b5443, 6em 1em 0 #1b5443, 7em 1em 0 #1b5443, 8em 1em 0 #1b5443, 9em 1em 0 #1b5443, 10em 1em 0 #1b5443, 11em 1em 0 #1b5443, 12em 1em 0 #050c12, -3em 2em 0 #050c12, -2em 2em 0 #1b5443, -1em 2em 0 #1b5443, 0 2em 0 #9ee57b, 1em 2em 0 #9ee57b, 2em 2em 0 #1b5443, 3em 2em 0 #9ee57b, 4em 2em 0 #1b5443, 5em 2em 0 #1b5443, 6em 2em 0 #1b5443, 7em 2em 0 #1b5443, 8em 2em 0 #1b5443, 9em 2em 0 #1b5443, 10em 2em 0 #1b5443, 11em 2em 0 #1b5443, 12em 2em 0 #050c12, -3em 3em 0 #050c12, -2em 3em 0 #050c12, -1em 3em 0 #050c12, 0 3em 0 #050c12, 1em 3em 0 #050c12, 2em 3em 0 #050c12, 3em 3em 0 #050c12, 4em 3em 0 #050c12, 5em 3em 0 #050c12, 6em 3em 0 #050c12, 7em 3em 0 #050c12, 8em 3em 0 #050c12, 9em 3em 0 #050c12, 10em 3em 0 #050c12, 11em 3em 0 #050c12, 12em 3em 0 #050c12, -2em 4em 0 #050c12, -1em 4em 0 #1b5443, 0 4em 0 #9ee57b, 1em 4em 0 #9ee57b, 2em 4em 0 #1b5443, 3em 4em 0 #9ee57b, 4em 4em 0 #1b5443, 5em 4em 0 #1b5443, 6em 4em 0 #1b5443, 7em 4em 0 #1b5443, 8em 4em 0 #1b5443, 9em 4em 0 #1b5443, 10em 4em 0 #1b5443, 11em 4em 0 #050c12, -2em 5em 0 #050c12, -1em 5em 0 #1b5443, 0 5em 0 #9ee57b, 1em 5em 0 #9ee57b, 2em 5em 0 #1b5443, 3em 5em 0 #9ee57b, 4em 5em 0 #1b5443, 5em 5em 0 #1b5443, 6em 5em 0 #1b5443, 7em 5em 0 #1b5443, 8em 5em 0 #1b5443, 9em 5em 0 #1b5443, 10em 5em 0 #1b5443, 11em 5em 0 #050c12, -2em 6em 0 #050c12, -1em 6em 0 #1b5443, 0 6em 0 #9ee57b, 1em 6em 0 #9ee57b, 2em 6em 0 #1b5443, 3em 6em 0 #9ee57b, 4em 6em 0 #1b5443, 5em 6em 0 #1b5443, 6em 6em 0 #1b5443, 7em 6em 0 #1b5443, 8em 6em 0 #1b5443, 9em 6em 0 #1b5443, 10em 6em 0 #1b5443, 11em 6em 0 #050c12, -2em 7em 0 #050c12, -1em 7em 0 #1b5443, 0 7em 0 #9ee57b, 1em 7em 0 #9ee57b, 2em 7em 0 #1b5443, 3em 7em 0 #9ee57b, 4em 7em 0 #1b5443, 5em 7em 0 #1b5443, 6em 7em 0 #1b5443, 7em 7em 0 #1b5443, 8em 7em 0 #1b5443, 9em 7em 0 #1b5443, 10em 7em 0 #1b5443, 11em 7em 0 #050c12, -2em 8em 0 #050c12, -1em 8em 0 #1b5443, 0 8em 0 #9ee57b, 1em 8em 0 #9ee57b, 2em 8em 0 #1b5443, 3em 8em 0 #9ee57b, 4em 8em 0 #1b5443, 5em 8em 0 #1b5443, 6em 8em 0 #1b5443, 7em 8em 0 #1b5443, 8em 8em 0 #1b5443, 9em 8em 0 #1b5443, 10em 8em 0 #1b5443, 11em 8em 0 #050c12, -2em 9em 0 #050c12, -1em 9em 0 #1b5443, 0 9em 0 #9ee57b, 1em 9em 0 #9ee57b, 2em 9em 0 #1b5443, 3em 9em 0 #9ee57b, 4em 9em 0 #1b5443, 5em 9em 0 #1b5443, 6em 9em 0 #1b5443, 7em 9em 0 #1b5443, 8em 9em 0 #1b5443, 9em 9em 0 #1b5443, 10em 9em 0 #1b5443, 11em 9em 0 #050c12, -2em 10em 0 #050c12, -1em 10em 0 #1b5443, 0 10em 0 #9ee57b, 1em 10em 0 #9ee57b, 2em 10em 0 #1b5443, 3em 10em 0 #9ee57b, 4em 10em 0 #1b5443, 5em 10em 0 #1b5443, 6em 10em 0 #1b5443, 7em 10em 0 #1b5443, 8em 10em 0 #1b5443, 9em 10em 0 #1b5443, 10em 10em 0 #1b5443, 11em 10em 0 #050c12, -2em 11em 0 #050c12, -1em 11em 0 #1b5443, 0 11em 0 #9ee57b, 1em 11em 0 #9ee57b, 2em 11em 0 #1b5443, 3em 11em 0 #9ee57b, 4em 11em 0 #1b5443, 5em 11em 0 #1b5443, 6em 11em 0 #1b5443, 7em 11em 0 #1b5443, 8em 11em 0 #1b5443, 9em 11em 0 #1b5443, 10em 11em 0 #1b5443, 11em 11em 0 #050c12, -2em 12em 0 #050c12, -1em 12em 0 #1b5443, 0 12em 0 #9ee57b, 1em 12em 0 #9ee57b, 2em 12em 0 #1b5443, 3em 12em 0 #9ee57b, 4em 12em 0 #1b5443, 5em 12em 0 #1b5443, 6em 12em 0 #1b5443, 7em 12em 0 #1b5443, 8em 12em 0 #1b5443, 9em 12em 0 #1b5443, 10em 12em 0 #1b5443, 11em 12em 0 #050c12, -2em 13em 0 #050c12, -1em 13em 0 #1b5443, 0 13em 0 #9ee57b, 1em 13em 0 #9ee57b, 2em 13em 0 #1b5443, 3em 13em 0 #9ee57b, 4em 13em 0 #1b5443, 5em 13em 0 #1b5443, 6em 13em 0 #1b5443, 7em 13em 0 #1b5443, 8em 13em 0 #1b5443, 9em 13em 0 #1b5443, 10em 13em 0 #1b5443, 11em 13em 0 #050c12, -2em 14em 0 #050c12, -1em 14em 0 #1b5443, 0 14em 0 #9ee57b, 1em 14em 0 #9ee57b, 2em 14em 0 #1b5443, 3em 14em 0 #9ee57b, 4em 14em 0 #1b5443, 5em 14em 0 #1b5443, 6em 14em 0 #1b5443, 7em 14em 0 #1b5443, 8em 14em 0 #1b5443, 9em 14em 0 #1b5443, 10em 14em 0 #1b5443, 11em 14em 0 #050c12, -2em 15em 0 #050c12, -1em 15em 0 #050c12, 0 15em 0 #050c12, 1em 15em 0 #050c12, 2em 15em 0 #050c12, 3em 15em 0 #050c12, 4em 15em 0 #050c12, 5em 15em 0 #050c12, 6em 15em 0 #050c12, 7em 15em 0 #050c12, 8em 15em 0 #050c12, 9em 15em 0 #050c12, 10em 15em 0 #050c12, 11em 15em 0 #050c12, -4em 16em 0 #57c28d, -3em 16em 0 #57c28d, -2em 16em 0 #57c28d, -1em 16em 0 #57c28d, 0 16em 0 #57c28d, 1em 16em 0 #57c28d, 2em 16em 0 #57c28d, 3em 16em 0 #57c28d, 4em 16em 0 #57c28d, 5em 16em 0 #57c28d, 6em 16em 0 #57c28d, 7em 16em 0 #57c28d, 8em 16em 0 #57c28d, 9em 16em 0 #57c28d, 10em 16em 0 #57c28d, 11em 16em 0 #57c28d, 12em 16em 0 #57c28d, 13em 16em 0 #57c28d, -3em 17em 0 #57c28d, -2em 17em 0 #57c28d, -1em 17em 0 #57c28d, 0 17em 0 #57c28d, 1em 17em 0 #57c28d, 2em 17em 0 #57c28d, 3em 17em 0 #57c28d, 4em 17em 0 #57c28d, 5em 17em 0 #57c28d, 6em 17em 0 #57c28d, 7em 17em 0 #57c28d, 8em 17em 0 #57c28d, 9em 17em 0 #57c28d, 10em 17em 0 #57c28d, 11em 17em 0 #57c28d, 12em 17em 0 #57c28d;
  z-index: 2;
}

@keyframes down2up {
  from {
    top: 0em; }

  to {
    top: -10em; }
}
@-webkit-keyframes down2up {
  from {
    top: 0em; }

  to {
    top: -10em; }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.