.blur{
    filter: blur(6px);
}

.bg_flare{
    background-image: linear-gradient(180deg, #2a5db0, #5487ea, #5487ea, #336bff);
    /*background-color: black;*/
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;
}

.cap{
    height: 100%;
    width: 100%;
}

/*------------------------- CAP1 ----------------------------------------*/

#cap_1{
    position: fixed;
    /*border: 2px red solid;*/
    overflow: visible;
    z-index: -90;
    height: 50%;
    width: 50%;
    top: 12px;
}
#bubble_1{
    top: 60px;
    left: 90px;
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background-color: rgb(162, 144, 255);
    opacity: 0.3;
}

#bubble_2{
    top: 450px;
    left: 600px;
    position: absolute;
    height: 500px;
    width: 500px;
    border-radius: 50%;
    background-color: rgb(94, 243, 255);
    opacity: 0.2;
}

#bubble_3{
    top: 200px;
    left: 460px;
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background-color: rgb(255, 183, 235);
    opacity: 0.2;
}

#bubble_4{
    top: 300px;
    left: 950px;
    position: absolute;
    height: 350px;
    width: 350px;
    border-radius: 50%;
    background-color: rgb(230, 191, 255);
    opacity: 0.2;
}

#bubble_5{
    top: -100px;
    left: 800px;
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background-color: rgb(98, 219, 255);
    opacity: 0.2;
}

/*-----------------------------CAP_1-----------------------------------------------*/


/*-----------------------------CAP_2-----------------------------------------------------*/
#bubble_6{
    top: -200px;
    left: 20px;
    position: absolute;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: rgb(70, 255, 252);
    opacity: 0.2;
}

#bubble_7{
    bottom: -100px;
    left: 300px;
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: rgb(255, 148, 252);
    opacity: 0.2;
}

#bubble_8{
    bottom: 100px;
    left: 0px;
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: rgb(79, 159, 255);
    opacity: 0.2;
}

#bubble_9{
    top: 60px;
    left: 90px;
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background-color: rgb(208, 188, 255);
    opacity: 0.3;
}

#bubble_10{
    top: 50%;
    left: 50%;
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgb(209, 255, 250);
    opacity: 0.3;
}

#bubble_11{
    top: 80%;
    left: 90%;
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgb(115, 240, 255);
    opacity: 0.3;
}

#bubble_12{
    top: 90%;
    right: 50%;
    position: absolute;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: rgb(115, 240, 255);
    opacity: 0.3;
}