.initial-loading-spinner {
    background: #f44336;
    box-sizing: border-box;
    padding-top: 50px;
    height: 100vh;
    width: 100vw;
}

.signal-text {
    font-family: "Arial Black", "Arial Bold", "Arial", sans-serif;
    font-size: 35px;
    color: #fff;
    margin-left: 50px;
}

.signal {
    border:3px solid #fff;
    border-radius:400px;
    height:400px;
    width:400px;
    left:40%;
    margin:-15px 0 0 -15px;
    opacity:0;
    position:absolute;
    top:50%;

    animation: pulsate 1s ease-out;
    animation-iteration-count:infinite;
    -webkit-transform: translate(-50%, -50%);
}

@keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity:1;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}