body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #111; /* Dark background for particles */
    overflow: hidden;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; /* Behind the text */
}

.infoText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6; /* Above the particles */
    color: #fff;
    font-family: "Poiret One", sans-serif;
    /*font-family: 'Roboto Mono', monospace; */
    font-size: 70px;
    font-weight: 100;
    text-align: center;
    pointer-events: none; /* Allows clicking through text to particles */
}

.infoText span {
    display: block;
    font-size: 0.4em;
    font-family: "Lexend Deca", sans-serif;
    font-optical-sizing: auto;
    font-weight: 250;
    margin-top: 10px;
}