@charset "utf-8";
body {
  background: #C4E1FFaa;
   margin: 0;
  padding: 0;
}

#container, #water {
  background: url(../img/bg.jpg)no-repeat center center fixed;

}

#container {
  position: absolute;
  height: 100vh;
  width: 100vw;
}
#container:after {
  position: absolute;
  top: 0.1%;
  left: 0.1%;
  z-index: -1;
  content: '';
  display: block;
  height: 95%;
  width: 95%;
  background: rgba(255, 255, 255, 0);
  -webkit-filter: blur(30px);
          filter: blur(30px);
}
#container #water {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78%;
  -webkit-filter: url("#turbulence");
          filter: url("#turbulence");
  overflow: hidden;
}