/* Floating Blocks */
.floating-block {
  position: absolute;
  border-radius: 1.5rem;
  /*background: linear-gradient(135deg, #1cb24e 0%, #e2e419 100%);*/
  opacity: 0.25;
  will-change: transform;
  transition: transform 0.05s ease-out;
  background-size: contain;
  background-position: center;
}

.floating-block[data-blur="0"] {
  filter: blur(0px);
  opacity: 1;
}

.floating-block[data-blur="1"] {
  filter: blur(1px);
  opacity: 1;
}

.floating-block[data-blur="8"] {
  filter: blur(2px);
  opacity: 1;
}

.floating-block[data-blur="9"] {
  filter: blur(3px);
  opacity: 1;
}

.floating-block[data-blur="10"] {
  filter: blur(13px);
  opacity: 1;
}

.floating-block[data-blur="12"] {
  filter: blur(3px);
  opacity: 1;
}

.floating-block[data-blur="13"] {
  filter: blur(4px);
  opacity: 1;
}

.floating-block[data-blur="14"] {
  filter: blur(4px);
  opacity: 1;
}

.blueberry {
  background-image:url('images/Fruitful - Claymorphism - Fruit - Blueberry.png');
}

.peach {
  background-image:url('images/Fruitful - Claymorphism - Fruit - Peach.png');
}

.grapes {
  background-image:url('images/Fruitful - Claymorphism - Fruit - Grapes.png');
}

.pear {
    background-image:url('images/Fruitful - Claymorphism - Fruit - Pear.png');
}

.strawberry {
  background-image:url('images/Fruitful - Claymorphism - Fruit - Strawberry.png');
}

.cherry {
 background-image:url('images/Fruitful - Claymorphism - Fruit - Cherry.png');
}

.banana {
 background-image:url('images/Fruitful - Claymorphism - Fruit - Banana.png');
}

.apple-red {
 background-image:url('images/Fruitful - Claymorphism - Fruit - Apple Red.png');
}

.orange {
 background-image:url('images/Fruitful - Claymorphism - Fruit - Orange.png');
}


/* Size Classes */
.size-sm {
  width: 200px;
  height: 200px;
}

.size-md {
  width: 310px;
  height: 310px;
}

.size-lg {
  width: 540px;
  height: 540px;
}

@media screen and (max-width:992px) {
    /* Size Classes */
    .size-sm {
    width: 120px;
    height: 120px;
    }

    .size-md {
    width: 170px;
    height: 170px;
    }

    .size-lg {
    width: 300px;
    height: 300px;
    }
}

/* Catcher Block */
.catcher-block {
  width: 100%;
  height: 400px;
  border-radius: 1.5rem;
  background-image:url('images/Fruitful - Claymorphism - Fruit - Fruitbowl Empty 5 - green - below.png');
  opacity: 1;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .catcher-block {
    height: 500px;
    background-position:top center;
  }
}

/* Sections */
  .start {
    background: linear-gradient(180deg, #1cb24e 0%, #e2e419 100%);
  }

  .start .logo {
    width:75%;
    height:auto;
  }

  .summary {
    background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }