html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: arial;
  font-face: arial;
  font-size: 12px;
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;

} 

body {
	margin: 0;
	background-color: #FFFFFF;
	font-size: 11px;
  overflow: hidden;    
  padding:0;
}

#container {
   width:1920px;
   height:1080px;
   padding:0;
   margin: 0 ;
   background-color: black;
   overflow: hidden;
   background: url(../images/background.jpg)    ;
}

.bubble-container {
  position: absolute;
  width: 1920px;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
  z-index:99;
}
svg{
    z-index:9999;
}

.bubble, .bubble-container {
  pointer-events: none;
}

.bubble {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 150, 255, 0.3);
  border-radius: 50%;
  animation: float linear infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh);
    opacity: 0;
  }
}