body {
  background-color: black;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: 'Courier New', Courier, monospace;
  font-size: x-large;
  font-weight: bolder;
}
p, pre {
  text-align: center;
  padding: 10px 10px 10px 10px;
}
i { display:block; font-style: normal; }
.amount {
  font-size: xx-large;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.bg {
  position: fixed;
  top: -50px;
  left: -50px;
  height: calc(100vh + 100px);
  width: calc(100vw + 100px);
  background: url(./flower.jpg);
  background-size: cover;
  background-position: 50% 65%;
  animation: bg_ani 25.5s cubic-bezier(0.5,0.0,0.5,1.0) infinite;
  z-index: 10;
}
.content {
  position:sticky;
  background-color: rgba(240, 248, 255, 0.45);
  height: 50vh;
  width: 50vw;
  min-height: 220px;
  min-width: 600px;
  top: 15vh;
  margin: auto;
  border-radius: 15px;
  cursor: pointer;
  z-index: 100;
}

@keyframes bg_ani {
  10%,20%,30% {
    transform: translate(0px,25px); 
  }
  40%,50% {
    transform: scale(2.0) rotate(16deg);
  }
  60%,70% {
    transform: scale(1.5) rotate(-15deg);
  }
  80% {
    transform: translate(25px,0px) ; 
  }
  90% {
    transform: translate(-25px,0px); 
  }
}