.flower{
    position: fixed;
    top: -10px;
    z-index: -1;
    color: #ffc0cb;
    width: 1vw;
    user-select: none;
    pointer-events: none;
    animation-name: fall;
    animation-timing-function: linear;
  }
  @keyframes fall {
    0% {
        transform: translateX(0) translateY(0) rotate(0deg);
        opacity: 1;
      }
      100% {
        transform: translateX(20vw) translateY(100vh) rotate(360deg);
        opacity: 0;
      }
  }