body {
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    color: #dcd8d8;  /*#eeeaea*/
    background-color: #18181e;
}

::selection {
    background: #31313d;
}
::-moz-selection {
    background: #31313d;
}

#particles-js {
    position:absolute;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
}

#title {
    position: absolute;
    top: 49%;
    left: 50%;
    width: 85vw;
    transform: translate(-50%, -50%);


    font-family: 'Spectral', serif;
    text-align: center;
}

#title h2 {
    margin: 0;
    font-size:calc(22px + 3.9vmin);
}

#title h3 {
    margin-top: 2pt;
    font-size:calc(14px + 1.333vmin);
}

footer {
    position: absolute;
    width: fit-content(120%);
    bottom: 10pt;
    left: 50%;
    transform: translate(-50%, 0%);

    color: rgba(238, 234, 234, 0.8);

    font-size:calc(10px + 0.5vmin);

    align-content: center;
    text-align: center;
    padding: 0;
}

footer p {
    margin-bottom: 2pt;
}

#social-bar {
    padding: 3pt;
}

i {
    margin: 0;
    color: rgba(162, 232, 246, 0.85);
    font-size: 1.4em
}