*, *:before, *:after {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  height: 100vh;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  background: url(https://github.com/supahfunk/gradientwaves-svg/blob/master/dist/img/bg-gradient-wave.png?raw=true) repeat center/cover;
}

svg {
  width: 100vw;
  height: 100vh;
}
svg.path path {
  stroke: none;
}
svg.stroke path {
  fill: none;
  stroke-width: 1px;
}
svg .circle {
  fill: #fff;
}