.sidebar {
    background-color: white;
    width: 300px;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: auto;
    position: fixed;
}

.fillred {
    position:absolute;
    right: 80px;
    width: 300px;
    height:100vh;
    background: #960C0C;
    overflow: hidden;
}

.buttons {
    color: white;
    left: 10px;
    position:absolute;
    z-index: 99;
}

.waveGroup {
    position:absolute;
    right: 0px;
    width: 80px;
    height: 100vh;
    background-repeat: repeat-y;
}

#wave1.waveGroup {
    background: url(wave.svg);
    z-index: 1;
    opacity: 1;
    animation: waveSlide 10s linear infinite;
}

#wave2.waveGroup {
    background: url(wave.svg);
    right: 5px;
    z-index: 2;
    opacity: 0.3;
    animation: waveSlide 8s linear infinite;
}

#wave3.waveGroup {
    background: url(wave.svg);
    right: 9px;
    z-index:3;
    opacity: 0.65;
    animation: waveSlide2 9s linear infinite;
}

#wave4.waveGroup {
    background: url(wave.svg);
    right: 15px;
    z-index:4;
    opacity: 0.40;
    animation: waveSlide2 13s linear infinite;
}

@keyframes waveSlide {
    0%
    {
        background-position-y: 0;
    }
    100%
    {
        background-position-y: 1000px;
    }
}

@keyframes waveSlide2 {
    0%
    {
        background-position-y: 1000px;
    }
    100%
    {
        background-position-y: 0ch;
    }
}

.bubble {
  display: block;
  border-radius: 100%;
  opacity: 0.8;
  position: absolute;
}
.bubble:nth-child(1) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 27px;
  height: 27px;
  right: 8vw;
  bottom: 94vh;
  -webkit-animation: move1 infinite 17s;
          animation: move1 infinite 17s;
}
@-webkit-keyframes move1 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move1 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(2) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 87px;
  height: 87px;
  right: 92vw;
  bottom: 55vh;
  -webkit-animation: move2 infinite 17s;
          animation: move2 infinite 17s;
}
@-webkit-keyframes move2 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move2 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(3) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 39px;
  height: 39px;
  right: 23vw;
  bottom: 55vh;
  -webkit-animation: move3 infinite 10s;
          animation: move3 infinite 10s;
}
@-webkit-keyframes move3 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move3 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(4) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 40px;
  height: 40px;
  right: 83vw;
  bottom: 95vh;
  -webkit-animation: move4 infinite 12s;
          animation: move4 infinite 12s;
}
@-webkit-keyframes move4 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move4 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(5) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 54px;
  height: 54px;
  right: 66vw;
  bottom: 72vh;
  -webkit-animation: move5 infinite 15s;
          animation: move5 infinite 15s;
}
@-webkit-keyframes move5 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move5 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(6) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 92px;
  height: 92px;
  right: 14vw;
  bottom: 3vh;
  -webkit-animation: move6 infinite 19s;
          animation: move6 infinite 19s;
}
@-webkit-keyframes move6 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move6 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(7) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 98px;
  height: 98px;
  right: 98vw;
  bottom: 34vh;
  -webkit-animation: move7 infinite 10s;
          animation: move7 infinite 10s;
}
@-webkit-keyframes move7 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move7 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(8) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 24px;
  height: 24px;
  right: 89vw;
  bottom: 25vh;
  -webkit-animation: move8 infinite 18s;
          animation: move8 infinite 18s;
}
@-webkit-keyframes move8 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move8 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(9) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 18px;
  height: 18px;
  right: 15vw;
  bottom: 45vh;
  -webkit-animation: move9 infinite 18s;
          animation: move9 infinite 18s;
}
@-webkit-keyframes move9 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move9 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(10) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 52px;
  height: 52px;
  right: 63vw;
  bottom: 85vh;
  -webkit-animation: move10 infinite 13s;
          animation: move10 infinite 13s;
}
@-webkit-keyframes move10 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move10 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(11) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 7px;
  height: 7px;
  right: 20vw;
  bottom: 98vh;
  -webkit-animation: move11 infinite 12s;
          animation: move11 infinite 12s;
}
@-webkit-keyframes move11 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move11 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(12) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 80px;
  height: 80px;
  right: 90vw;
  bottom: 1vh;
  -webkit-animation: move12 infinite 12s;
          animation: move12 infinite 12s;
}
@-webkit-keyframes move12 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move12 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(13) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 67px;
  height: 67px;
  right: 55vw;
  bottom: 51vh;
  -webkit-animation: move13 infinite 19s;
          animation: move13 infinite 19s;
}
@-webkit-keyframes move13 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move13 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(14) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 35px;
  height: 35px;
  right: 10vw;
  bottom: 99vh;
  -webkit-animation: move14 infinite 16s;
          animation: move14 infinite 16s;
}
@-webkit-keyframes move14 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move14 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(15) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 83px;
  height: 83px;
  right: 35vw;
  bottom: 39vh;
  -webkit-animation: move15 infinite 19s;
          animation: move15 infinite 19s;
}
@-webkit-keyframes move15 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move15 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(16) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 30px;
  height: 30px;
  right: 1vw;
  bottom: 17vh;
  -webkit-animation: move16 infinite 19s;
          animation: move16 infinite 19s;
}
@-webkit-keyframes move16 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move16 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(17) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 78px;
  height: 78px;
  right: 61vw;
  bottom: 9vh;
  -webkit-animation: move17 infinite 15s;
          animation: move17 infinite 15s;
}
@-webkit-keyframes move17 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move17 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(18) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 56px;
  height: 56px;
  right: 35vw;
  bottom: 58vh;
  -webkit-animation: move18 infinite 12s;
          animation: move18 infinite 12s;
}
@-webkit-keyframes move18 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move18 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(19) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 14px;
  height: 14px;
  right: 80vw;
  bottom: 3vh;
  -webkit-animation: move19 infinite 14s;
          animation: move19 infinite 14s;
}
@-webkit-keyframes move19 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move19 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(20) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 90px;
  height: 90px;
  right: 2vw;
  bottom: 23vh;
  -webkit-animation: move20 infinite 17s;
          animation: move20 infinite 17s;
}
@-webkit-keyframes move20 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move20 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(21) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 86px;
  height: 86px;
  right: 87vw;
  bottom: 69vh;
  -webkit-animation: move21 infinite 12s;
          animation: move21 infinite 12s;
}
@-webkit-keyframes move21 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move21 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(22) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 71px;
  height: 71px;
  right: 33vw;
  bottom: 7vh;
  -webkit-animation: move22 infinite 16s;
          animation: move22 infinite 16s;
}
@-webkit-keyframes move22 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move22 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(23) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 38px;
  height: 38px;
  right: 72vw;
  bottom: 46vh;
  -webkit-animation: move23 infinite 13s;
          animation: move23 infinite 13s;
}
@-webkit-keyframes move23 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move23 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(24) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 34px;
  height: 34px;
  right: 4vw;
  bottom: 71vh;
  -webkit-animation: move24 infinite 12s;
          animation: move24 infinite 12s;
}
@-webkit-keyframes move24 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move24 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(25) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 46px;
  height: 46px;
  right: 64vw;
  bottom: 46vh;
  -webkit-animation: move25 infinite 13s;
          animation: move25 infinite 13s;
}
@-webkit-keyframes move25 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move25 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(26) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 43px;
  height: 43px;
  right: 40vw;
  bottom: 80vh;
  -webkit-animation: move26 infinite 15s;
          animation: move26 infinite 15s;
}
@-webkit-keyframes move26 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move26 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(27) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 60px;
  height: 60px;
  right: 19vw;
  bottom: 83vh;
  -webkit-animation: move27 infinite 16s;
          animation: move27 infinite 16s;
}
@-webkit-keyframes move27 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move27 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(28) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 34px;
  height: 34px;
  right: 14vw;
  bottom: 37vh;
  -webkit-animation: move28 infinite 12s;
          animation: move28 infinite 12s;
}
@-webkit-keyframes move28 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move28 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(29) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 50px;
  height: 50px;
  right: 66vw;
  bottom: 13vh;
  -webkit-animation: move29 infinite 12s;
          animation: move29 infinite 12s;
}
@-webkit-keyframes move29 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move29 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(30) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 62px;
  height: 62px;
  right: 47vw;
  bottom: 57vh;
  -webkit-animation: move30 infinite 16s;
          animation: move30 infinite 16s;
}
@-webkit-keyframes move30 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move30 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(31) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 85px;
  height: 85px;
  right: 67vw;
  bottom: 60vh;
  -webkit-animation: move31 infinite 16s;
          animation: move31 infinite 16s;
}
@-webkit-keyframes move31 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move31 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(32) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 99px;
  height: 99px;
  right: 84vw;
  bottom: 66vh;
  -webkit-animation: move32 infinite 17s;
          animation: move32 infinite 17s;
}
@-webkit-keyframes move32 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move32 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(33) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 11px;
  height: 11px;
  right: 3vw;
  bottom: 43vh;
  -webkit-animation: move33 infinite 20s;
          animation: move33 infinite 20s;
}
@-webkit-keyframes move33 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move33 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(34) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 19px;
  height: 19px;
  right: 28vw;
  bottom: 53vh;
  -webkit-animation: move34 infinite 14s;
          animation: move34 infinite 14s;
}
@-webkit-keyframes move34 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move34 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(35) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 33px;
  height: 33px;
  right: 98vw;
  bottom: 77vh;
  -webkit-animation: move35 infinite 19s;
          animation: move35 infinite 19s;
}
@-webkit-keyframes move35 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move35 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(36) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 69px;
  height: 69px;
  right: 35vw;
  bottom: 5vh;
  -webkit-animation: move36 infinite 18s;
          animation: move36 infinite 18s;
}
@-webkit-keyframes move36 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move36 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(37) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 45px;
  height: 45px;
  right: 73vw;
  bottom: 93vh;
  -webkit-animation: move37 infinite 14s;
          animation: move37 infinite 14s;
}
@-webkit-keyframes move37 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move37 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(38) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 48px;
  height: 48px;
  right: 91vw;
  bottom: 37vh;
  -webkit-animation: move38 infinite 16s;
          animation: move38 infinite 16s;
}
@-webkit-keyframes move38 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move38 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(39) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 5px;
  height: 5px;
  right: 24vw;
  bottom: 84vh;
  -webkit-animation: move39 infinite 12s;
          animation: move39 infinite 12s;
}
@-webkit-keyframes move39 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move39 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(40) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 37px;
  height: 37px;
  right: 76vw;
  bottom: 33vh;
  -webkit-animation: move40 infinite 13s;
          animation: move40 infinite 13s;
}
@-webkit-keyframes move40 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move40 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(41) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 46px;
  height: 46px;
  right: 55vw;
  bottom: 67vh;
  -webkit-animation: move41 infinite 17s;
          animation: move41 infinite 17s;
}
@-webkit-keyframes move41 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move41 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(42) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 62px;
  height: 62px;
  right: 21vw;
  bottom: 5vh;
  -webkit-animation: move42 infinite 13s;
          animation: move42 infinite 13s;
}
@-webkit-keyframes move42 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move42 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(43) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 99px;
  height: 99px;
  right: 67vw;
  bottom: 35vh;
  -webkit-animation: move43 infinite 12s;
          animation: move43 infinite 12s;
}
@-webkit-keyframes move43 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move43 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(44) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 24px;
  height: 24px;
  right: 74vw;
  bottom: 38vh;
  -webkit-animation: move44 infinite 14s;
          animation: move44 infinite 14s;
}
@-webkit-keyframes move44 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move44 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(45) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 32px;
  height: 32px;
  right: 8vw;
  bottom: 86vh;
  -webkit-animation: move45 infinite 11s;
          animation: move45 infinite 11s;
}
@-webkit-keyframes move45 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move45 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(46) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 23px;
  height: 23px;
  right: 82vw;
  bottom: 71vh;
  -webkit-animation: move46 infinite 16s;
          animation: move46 infinite 16s;
}
@-webkit-keyframes move46 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move46 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(47) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 71px;
  height: 71px;
  right: 90vw;
  bottom: 60vh;
  -webkit-animation: move47 infinite 17s;
          animation: move47 infinite 17s;
}
@-webkit-keyframes move47 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move47 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(48) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 68px;
  height: 68px;
  right: 92vw;
  bottom: 67vh;
  -webkit-animation: move48 infinite 13s;
          animation: move48 infinite 13s;
}
@-webkit-keyframes move48 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move48 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(49) {
  background: radial-gradient(ellipse at center, #b35d5d 0%, #b35d5d 100%);
  width: 44px;
  height: 44px;
  right: 43vw;
  bottom: 97vh;
  -webkit-animation: move49 infinite 16s;
          animation: move49 infinite 16s;
}
@-webkit-keyframes move49 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move49 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
.bubble:nth-child(50) {
  background: radial-gradient(ellipse at top right, #b35d5d 0%, #b35d5d 100%);
  width: 44px;
  height: 44px;
  right: 92vw;
  bottom: 93vh;
  -webkit-animation: move50 infinite 11s;
          animation: move50 infinite 11s;
}
@-webkit-keyframes move50 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes move50 {
  0% {
    right: -100px;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}