.bubbles{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.bubble{
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1.1px solid var(--theme-color-animation-bubbles,#ff3300);
    border-radius: 50%;
    bottom: -15px;
}
.bubble:nth-child(1){
    left: 50%;
    animation: top_bubble 3.05s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(2){
    left: 7%;
    animation: top_bubble 3.1s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(3){
    left: 10%;
    animation: top_bubble 2.9s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(4){
    left: 25%;
    animation: top_bubble 4.1s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(5){
    left: 37%;
    animation: top_bubble 4.4s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(6){
    left: 87%;
    animation: top_bubble 3.25s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(7){
    left: 65%;
    animation: top_bubble 4.65s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(8){
    left: 59%;
    animation: top_bubble 3.7s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(9){
    left: 78%;
    animation: top_bubble 3.5s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(10){
    left: 93%;
    animation: top_bubble 4.5s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(11){
    left: 41%;
    animation: top_bubble 3.4s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(12){
    left: 97%;
    animation: top_bubble 2.87s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(13){
    left: 21%;
    animation: top_bubble 3.3s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(14){
    left: 14%;
    animation: top_bubble 3.5s infinite linear both, small_scales 0.5s infinite linear both;
}
.bubble:nth-child(15){
    left: 91%;
    animation: top_bubble 3.2s infinite linear both, small_scales 0.5s infinite linear both;
}