body {
    overflow: hidden;
    background: #182144;
  }
  
  @keyframes boxMove {
    0% { transform: scale(var(--initialScale)) rotate(var(--initialAngle)); }
    100% { transform: scale(var(--endScale)) rotate(var(--endAngle)); } 
  }
  
  .box {
    top: calc(50% - 10vmin);
    left: calc(50% - 10vmin);
    width: 20vmin;
    height: 20vmin;
    position: absolute;
    background-color: #f6936f !important;
    background-image: radial-gradient(circle at 50% 10%, #5270e0 5%, transparent 80%),
      radial-gradient(circle at 50% 90%, #66cb9c 25%, transparent) !important;
    border-radius: 3vmin;
    box-shadow: 0 0 6vmin rgba(0, 0, 0, 0.25);
    animation: boxMove 4s linear infinite;
  }
  
  
  
  .box0 { --initialScale: 0.30; --endScale: 1.00; --initialAngle: +10deg; --endAngle: +00deg; }
  .box1 { --initialScale: 1.00; --endScale: 1.50; --initialAngle: +00deg; --endAngle: -10deg; }
  .box2 { --initialScale: 1.50; --endScale: 2.00; --initialAngle: -10deg; --endAngle: -20deg; }
  .box3 { --initialScale: 2.00; --endScale: 3.00; --initialAngle: -20deg; --endAngle: -25deg; }
  .box4 { --initialScale: 3.00; --endScale: 4.00; --initialAngle: -25deg; --endAngle: -30deg; }
  .box5 { --initialScale: 4.00; --endScale: 5.00; --initialAngle: -30deg; --endAngle: -40deg; }
  .box6 { --initialScale: 5.00; --endScale: 6.50; --initialAngle: -40deg; --endAngle: -50deg; }
  .box7 { --initialScale: 6.50; --endScale: 8.00; --initialAngle: -50deg; --endAngle: -60deg; }
  .box8 { --initialScale: 8.00; --endScale: 10.0; --initialAngle: -60deg; --endAngle: -70deg; }
  .box9 { --initialScale: 10.0; --endScale: 14.0; --initialAngle: -70deg; --endAngle: -85deg; }
  .box10 { --initialScale: 14.0; --endScale: 20.0; --initialAngle: -85deg; --endAngle: -99deg; }
  
  @keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  .box0 {
    animation: boxMove 4s linear infinite, show 4s linear infinite;
  }
  
  .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20vmin;
    height: 20vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12vmin;
    font-family: 'Varela Round', Arial, sans-serif;
    transform: translate(-50%, -50%);
  }