*, ::before, ::after {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body {
    background-color: #333;
    font-family: 'Comfortaa', Arial, Helvetica, sans-serif;
}

.box {
    width:100%;
    position:absolute;
    top:30%;
    text-align: center;
    transform: translateY(-50%);

}

svg {
    width: 50%;
}

ul {
}

ul li {
    display : inline-block;
    text-decoration: none;
    font-size: 3vw;
    font-weight: bold;
    letter-spacing: 15px;
    color:#484848;
    animation: neon 1.5s linear infinite;
}

@keyframes neon {
    0% {
        color: #484848;
        text-shadow: none;
    }
    90% {
        color: #484848;
        text-shadow: none;
    }
    100% {
        color: #09a8a4;
        text-shadow: 0 0 7px #09a8a4, 0 0 50px #055f5d;
    }
}

ul li:nth-child(1){
    animation-delay: 0.1s;
}

ul li:nth-child(2){
    animation-delay: 0.2s;
}

ul li:nth-child(3){
    animation-delay: 0.3s;
}

ul li:nth-child(4){
    animation-delay: 0.4s;
}

ul li:nth-child(5){
    animation-delay: 0.5s;
}

ul li:nth-child(6){
    animation-delay: 0.6s;
}

ul li:nth-child(7){
    animation-delay: 0.7s;
}

ul li:nth-child(8){
    animation-delay: 0.8s;
}

ul li:nth-child(9){
    animation-delay: 0.9s;
}

ul li:nth-child(10){
    animation-delay: 1.0s;
}

ul li:nth-child(11){
    animation-delay: 1.1s;
}

ul li:nth-child(12){
    animation-delay: 1.2s;
}

ul li:nth-child(13){
    animation-delay: 1.3s;
}

ul li:nth-child(14){
    animation-delay: 1.4s;
}

ul li:nth-child(15){
    animation-delay: 1.5s;
}