/* ---- particles.js container ---- */



#particles-js {

  position: relative;



  width: 100%;



  height: 100vh;



  background-color: #002e55;



  background-image: url("");



  background-repeat: no-repeat;



  background-size: cover;



  background-position: 50% 50%;



  z-index: 0;



  overflow: hidden !important;



  /* Flexbox properties for centering */



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  text-align: center; /* To align text within the h1 and h2 */

  z-index: 100;

} /* ---- stats.js ---- */

#particles-js::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: #00000030;

  z-index: -1;

}

#particles-js .container-js {

  position: absolute;

  overflow: hidden !important;

  width: 95vw;

  height: 70vh;

}

@media (max-width:851px){

  #particles-js .container-js {

    position: absolute;

    overflow: hidden !important;

    width: 95vw;

    padding: 1rem;

    height: 100vh;

  }

}



#particles-js h1 {

  margin: 0 0 10px 0;

  font-size: 70px;

  font-weight: 700;

  color: #000000;

  border-left: 3px solid #ffffff;

  padding: 0px 15px 0px 20px;

  /* background-color: #ffea00; */

  background-color: #ffffff50;

}



#paragraph {

  margin: 20px 0 10px 0;

  font-size: 50px;

  font-weight: 500;

  line-height: inherit;

  color: #fff;

}



@media (max-width: 480px) {

  #particles-js h1 {

    font-size: 26px !important;

  }



  #paragraph {

    font-size: 12px !important;

  }

}