html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #FAF7F3;
    overflow-y: auto;
    overflow-x: hidden;
}

img {
  max-height: 370px;
  object-fit: cover;
}

img:not(.special) {
  object-position: center;
}

.special-gothic-expanded-one-regular {
  font-family: "Special Gothic Expanded One", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1 {
  transition: 0.9s ease-in-out;
}

#content {
  display: none;
}

.animated {
  transition: 0.6s ease-in-out;
  animation: pulse 1s infinite alternate;
  height: 2.5rem;
}

@keyframes pulse {
  from {
    transform: translateY(-5px);
  } to {
    transform: translateY(5px);
  }
}