* {box-sizing: border-box;}

@font-face {
  font-family: 'gruppo';
  src: url(../fonts/Gruppo/Gruppo-Regular.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

html, body {
  background-color: rgb(0, 25, 48, 0.80);
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'gruppo', Arial, sans-serif;
  overflow: hidden;

}

#particle-canvas {
  width: 100%;
  height: 100%;

}



.text-block {
  position: absolute;
  width: 100%;
  color: white;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.text-block img {
  /* height: 10vw; */
  height: min(max(100px, 10vw), 250px);

}

.text-block h5 {
  /* font-size: 4.5vw;  */
  font-size: min(max(30px, 4.5vw), 100px);
  margin: .5vw;
  margin-top: 2vw;
  font-weight: 400 !important;

}

.text-block h6 {
  margin: 1.5vw;
  /* font-size: 2.2vw;  */
  font-size: min(max(15px, 2.2vw), 50px); 
  font-weight: 400 !important;

}

.text-block p {
  margin-top: 6vw;
  /* font-size: 1.8vw;  */
  font-size: min(max(15px, 1.8vw), 40px);

}