body {
  background: #faad05;
}

.theme-showcase {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}

.main-block {
  background: white;
  color: black;
  margin-top: 5vh;
  display: flex;
  flex-direction: column;
}

.animation-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.animated-hammer {
  margin-left: -100px;
  animation: hammer 1s ease-in-out infinite;
  animation-direction: alternate;
}

@keyframes hammer {
  from {
    transform: rotate(0deg) translate(50px);
  }
  to {
    transform: rotate(20deg) translate(50px);
  }
}