body {
  min-width: fit-content;
  max-width: 0;
  min-height: fit-content;
  width: 800px;
  color: #333;
  background-color: #d4af37;
  text-align: center;
  padding: 0;
  border: 3px solid #333;
  border-radius: 1.5rem;
  margin: 2rem auto;
}

main {
  position: relative;
}

h1 {
  font-size: 3.5rem;
  margin: 0;
  padding: 2rem;
}

.dollar-sign {
  top: 0;
  left: 0.02em;
}

.capital-s:active .dollar-sign {
  color: #ff0000 !important;
}

footer p {
  font-weight: bold;
  margin: 0;
  padding: 20px 0 24px;
  border-top: 3px solid #333;
}

.jame:active .dollar {
  color: #ff0000 !important;
}

/* Emoji animation code */

.money-face-1,
.money-face-2,
.money-face-3,
.money-face-4 {
  width: auto;
  height: auto;
  font-size: 7rem;
  position: absolute;
  padding: 0;
  margin: 0;
  opacity: 0.69;
  text-align: center;
  animation: spin 1.5s linear 0s infinite;
}

.money-face-1,
.money-face-2 {
  top: -1rem;
}

.money-face-3,
.money-face-4 {
  bottom: 0rem;
  rotate: 180deg;
}

.money-face-1,
.money-face-4 {
  left: -9.5rem;
}

.money-face-2,
.money-face-3 {
  right: -9.5rem;
}

.money-face-1,
.money-face-3 {
  animation-direction: reverse;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}