* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .descr {
    height: 100%;
    background: linear-gradient(45deg, #ff6ec7, #f7a4ff, #ff6ec7, #f7a4ff);
    background-size: 400% 400%;
    animation: glowingBackground 8s ease infinite;
    font-family: Arial, sans-serif;
  }

  @keyframes glowingBackground {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  .balloon-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; 
  overflow: hidden;
  z-index: 0; 
}

.balloon {
  position: absolute; 
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  bottom: -60px;
}

  @keyframes float1 { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -120vh); } }
  @keyframes float2 { 0% { transform: translate(0, 0); } 100% { transform: translate(50vw, -100vh); } }
  @keyframes float3 { 0% { transform: translate(0, 0); } 100% { transform: translate(-40vw, -100vh); } }
  @keyframes float4 { 0% { transform: translate(0, 0); } 100% { transform: translate(30vw, -80vh); } }
  @keyframes float5 { 0% { transform: translate(0, 0); } 100% { transform: translate(-30vw, -90vh); } }

  .balloon:nth-child(1) { left: 10%; bottom: -50px; animation: float1 12s infinite; }
  .balloon:nth-child(2) { left: 30%; bottom: -50px; animation: float2 14s infinite; }
  .balloon:nth-child(3) { left: 50%; bottom: -50px; animation: float3 16s infinite; }
  .balloon:nth-child(4) { left: 70%; bottom: -50px; animation: float4 13s infinite; }
  .balloon:nth-child(5) { left: 85%; bottom: -50px; animation: float5 15s infinite; }

  .glow-button {
    margin-top: 24px;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet, red);
    background-size: 1400% 1400%;
    animation: rainbow 10s linear infinite;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: transform 0.3s ease;
    font-family: inherit;
  }

  .glow-button:hover {
    transform: scale(1.05);
  }

  .glow-button big {
    font-size: 40px;
    display: block;
    margin-top: 8px;
    font-weight: 900;
    font-family: inherit;
  }

  @keyframes rainbow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }