body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background: linear-gradient(-45deg, #ff4e50, #fc913a, #ff6b81, #ff758c, #e63946);
  background-size: 300% 300%;
  animation: romanticGlow 8s linear infinite alternate;
  font-family: 'Arial', sans-serif;
  flex-direction: column;
  color: white;
}

@keyframes romanticGlow {
  0% {
      background-position: 0% 50%;
      /* filter: blur(2px); */
  }
  50% {
      background-position: 100% 50%;
      /* filter: blur(4px); */
  }
  100% {
      background-position: 0% 50%;
      /* filter: blur(2px); */
  }
}

  
  .container {
    text-align: center;
  }
  
  h1 {
    font-size: 2.5em;
    color: #d32f2f;
  }
  
  .buttons {
    margin-top: 20px;
  }
  
  .yes-button {
    font-size: 1.5em;
    padding: 10px 20px;
    margin-right: 10px;
    background-color: #4caf50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .no-button {
    font-size: 1.5em;
    padding: 10px 20px;
    background-color: #f44336;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .gif_container img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 20px;
  }