/*

Snapshot Template
http://www.templatemo.com/tm-493-snapshot

*/


/* Body
------------------------------------- */

.particles {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.particles div {
    position: absolute;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;

}
@keyframes neon-1 {
    from {
        text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(191, 226, 255, 0.52), 0 0 21px rgba(191, 226, 255, 0.92), 0 0 34px rgba(191, 226, 255, 0.78), 0 0 54px rgba(191, 226, 255, 0.92);
    }
    to {
        text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(191, 226, 255, 0.58), 0 0 22px rgba(191, 226, 255, 0.84), 0 0 38px rgba(191, 226, 255, 0.88), 0 0 60px #FFF;
    }
}
.particles canvas {
    width: 100%;
    height: 100vh;
    background-image: url('background.jpg');
    background-position: center center;
    background-size: cover;
}