@font-face {
  font-family: "ReenieBeanie";
  src: url("../fonts/ReenieBeanie-Regular.ttf");
}

body {
  background: linear-gradient(#823a3d, #6a272a);
}

main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  gap: 0.5rem;
  padding: 1em;
}

main #quote {
  width: fit-content;
  height: fit-content;
  font-size: 2.5rem;
  text-align: center;
  font-family: "ReenieBeanie", sans-serif;
  color: #e9cd7d;
  line-height: normal;
}

main #face {
  flex-grow: 1;
  cursor: pointer;
  transition: transform 0.2s;
}

main #face img {
  width: 100%;
  height: 100%;
}

main #bottom-object {
  width: 60px;
  position: relative;
  cursor: pointer;
  transition: transform 0.2s;
}

main #bottom-object #important-number-container {
  position: absolute;
  font-family: "ReenieBeanie", sans-serif;
  font-size: 3.8rem;
  height: 100%;
  width: 100%;
  text-align: center;
  padding-right: 10px;
  user-select: none;
}