body {
  margin: 0;
  padding: 0;
}

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

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00373f;
  z-index: 10;
}

.maincontent {
  width: 100%;
  height: 100vh;
}

.text {
  position: absolute;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: #fff;
  max-width: 100%;
  padding: 2em 3em;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 2px #131415;
  font-family: 'Open Sans', sans-serif;
  font-family-z-index: 2;
}

h1 {
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: -1px;
}
/* 
a,
a:visited {
  color: #e34234;
  -webkit-transition: 0.25s;
  transition: 0.25s;
} */
/* 
a:hover,
a:focus {
  color: #ba160c;
} */
/*# sourceMappingURL=style.css.map */