.s-main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fdfee0;
    -webkit-filter: none;
    filter: none;
  }
  
  .circle_1 {
    position: absolute;
    left: -29%;
    top: -19%;
    right: auto;
    bottom: auto;
    z-index: 2;
    width: 75vw;
    height: 100vh;
    border-radius: 50%;
    background-color: #8b63dc;
    -webkit-filter: blur(160px);
    filter: blur(160px);
  }
  
  .circle_3 {
    position: absolute;
    left: auto;
    top: auto;
    right: -30%;
    bottom: -14%;
    z-index: 3;
    width: 73vw;
    height: 89vh;
    border-radius: 50%;
    background-color: #588be6;
    opacity: 0.72;
    -webkit-filter: blur(140px);
    filter: blur(140px);
  }
  
  .circle_4 {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    z-index: 3;
    width: 70vw;
    height: 45vh;
    border-radius: 50%;
    background-color: #7a47eb;
  }
  
  .circle_5 {
    position: absolute;
    left: auto;
    top: 25%;
    right: -20%;
    bottom: 0%;
    z-index: 3;
    width: 40vw;
    height: 45vh;
    border-radius: 50%;
    background-color: #43ffa7;
  }
  
  .circle_blue {
    position: absolute;
    left: -39%;
    top: auto;
    right: auto;
    bottom: 11%;
    z-index: 3;
    width: 71vw;
    height: 50vh;
    border-radius: 50%;
    background-color: #759cdc;
    opacity: 0.9;
  }