p {
  font-family:sans-serif
}
.container {
  position: relative;
}
.egg {
  position: absolute;
  top:10px;
  left:40px;
  z-index: 2;
  border-radius: 34px 0;
}
.chunithm {
  position: absolute;
  top:1px;
  left:220px;
  z-index: 2;
}
.arrow {
  position: absolute;
  top:6px;
  left:430px;
  z-index: 2;
}
.wacca {
  position: absolute;
  top:6px;
  left:540px;
  z-index: 2;
}
.arrow2 {
  position: absolute;
  top:6px;
  left:770px;
  z-index: 2;
}
.pjsk {
  position: absolute;
  bottom:12px;
  left:860px;
  z-index: 2;
}
h1{
  font-family: sans-serif;
  text-align: center;
  
}
.airi {
  position:relative;
  bottom:12px;
  left:700px;
  z-index: 2;
}
.sloth {
  position: absolute;
  bottom:px;
  left:210px;
  z-index: 2;
}
.penguin {
  position: absolute;
  bottom:px;
  left:1px;
  z-index: 2;
}

.shine {
  background: crimson -webkit-gradient(linear, left top, right top, from(crimson), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  -webkit-background-size: 150px;
  color: $text-color;
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: $duration;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.chrome {
  background: crimson -webkit-gradient(linear, left top, right top, from(crimson), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
  -webkit-background-size: 200px;
  color: $text-color;
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: $duration;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}