squares

<body>

    <div class="square01"></div>
    <div class="square02"></div>
    <div class="square03"></div>
    <div class="square04"></div>
    <div class="square05"></div>
    <div class="square06"></div>
    <div class="square07"></div>
    <div class="square08"></div>
    <div class="square09"></div>
    <div class="square10"></div>
    <div class="square11"></div>
    <div class="square12"></div>
    <div class="square13"></div>
    <div class="square14"></div>
    <div class="square15"></div>
    <div class="square16"></div>
    <div class="square17"></div>
    <div class="square18"></div>
    <div class="square19"></div>

  </body>

index.html

body {

    background-color: #f3f2e9;
    margin: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .square01 {
    position: relative;
    filter: blur(20px);
    width: 95vw;
    height: 95vw;
    background-color: #fe6045;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square02 {
    position: absolute;
    filter: blur(4px);
    width: 90vw;
    height: 90vw;
    background-color: #ba92ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square03 {
    position: absolute;
    filter: blur(4px);
    width: 85vw;
    height: 85vw;
    background-color: #70deb6;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square04 {
    position: absolute;
    filter: blur(4px);
    width: 80vw;
    height: 80vw;
    background-color: #ba92ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square05 {
    position: absolute;
    filter: blur(4px);
    width: 75vw;
    height: 75vw;
    background-color: #70deb6;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square06 {
    position: absolute;
    filter: blur(4px);
    width: 70vw;
    height: 70vw;
    background-color: #c9b7ab;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square07 {
    position: absolute;
    filter: blur(20px);
    width: 65vw;
    height: 65vw;
    background-color: #fe6045;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square08 {
    position: absolute;
    filter: blur(4px);
    width: 60vw;
    height: 60vw;
    background-color: #ba92ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square09 {
    position: absolute;
    filter: blur(4px);
    width: 55vw;
    height: 55vw;
    background-color: #70deb6;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square10 {
    position: absolute;
    filter: blur(4px);
    width: 50vw;
    height: 50vw;
    background-color: #ba92ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square11 {
    position: absolute;
    filter: blur(4px);
    width: 45vw;
    height: 45vw;
    background-color: #70deb6;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square12 {
    position: absolute;
    filter: blur(4px);
    width: 40vw;
    height: 40vw;
    background-color: #ba92ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square13 {
    position: absolute;
    filter: blur(4px);
    width: 35vw;
    height: 35vw;
    background-color: #c9b7ab;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square14 {
    position: absolute;
    filter: blur(20px);
    width: 30vw;
    height: 30vw;
    background-color: #fe6045;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square15 {
    position: absolute;
    filter: blur(4px);
    width: 25vw;
    height: 25vw;
    background-color: #70deb6;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square16 {
    position: absolute;
    filter: blur(4px);
    width: 20vw;
    height: 20vw;
    background-color: #9764ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square17 {
    position: absolute;
    filter: blur(4px);
    width: 15vw;
    height: 15vw;
    background-color: #9764ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square18 {
    position: absolute;
    filter: blur(4px);
    width: 10vw;
    height: 10vw;
    background-color: #9764ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

  .square19 {
    position: absolute;
    filter: blur(4px);
    width: 5vw;
    height: 5vw;
    background-color: #9764ff;
    box-shadow: inset 0 0 20px         #ffffff;
  }

index.html

index.css