html,
body {
  height: 100%;
}

body {
  margin: 0;
  background: drakblue;
}

canvas {
  display: block;
}

.waves {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.wrapper {
  position: absolute;
  min-height: 450px;
}


canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  background: $background;
}

a,
a:visited {
  color: $link;
  transition: 0.25s;
}

a:hover,
a:focus {
  color: $link-hover;
}