body {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #0b151d;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.penguin {
  position: relative;
  width: 100px;
  height: 140px;
  animation: dance 1s infinite alternate;
}

.penguin-body {
  position: absolute;
  top: 20px;
  width: 100px;
  height: 120px;
  background: #092744;
  border-radius: 50% 50% 45% 45%;
}

.penguin-eye {
  position: absolute;
  top: 40px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
}

.penguin-eye.left {
  left: 25px;
}

.penguin-eye.right {
  right: 25px;
}

.penguin-beak {
  position: absolute;
  top: 65px;
  left: 45%;
  width: 10px;
  height: 10px;
  background: #ffa726;
  border-radius: 50%;
}

.penguin-arms .arm {
  position: absolute;
  top: 50px;
  width: 15px;
  height: 50px;
  background: #092744;
  border-radius: 15px;
}

.arm.left {
  left: -15px;
  transform-origin: top;
  animation: wave-left 1s infinite alternate;
}

.arm.right {
  right: -15px;
  transform-origin: top;
  animation: wave-right 1s infinite alternate;
}

.penguin-feet .foot {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 10px;
  background: #ffa726;
  border-radius: 50%;
}

.foot.left {
  left: 20px;
  animation: tap-left 1s infinite alternate;
}

.foot.right {
  right: 20px;
  animation: tap-right 1s infinite alternate;
}

h1, p {
    text-align: center;
    margin: 0px 0;
  }
  
  h1 {
    margin-top: 20px;
    font-size: 24px;
    color: #0f62af;
  }
  
  p {
    margin-top: 5px;
    font-size: 18px;
    color: #94bae0;
  }

/* Animations */
@keyframes dance {
  from {
    transform: translateY(-5px) rotate(-5deg);
  }
  to {
    transform: translateY(5px) rotate(5deg);
  }
}

@keyframes wave-left {
  from {
    transform: rotate(-20deg);
  }
  to {
    transform: rotate(-10deg);
  }
}

@keyframes wave-right {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(10deg);
  }
}

@keyframes tap-left {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(0px);
  }
}

@keyframes tap-right {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(0px);
  }
}