#effWaveWrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    transition: opacity 0.2s ease 1.5s, background-color 0.3s ease 1.0s;
}


#effWave {
    position: absolute;
    top: -10%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    color: #ffffff;
    text-align: center;
    border-radius: 100px;
    background-color: #444444;
    opacity: 0.03;
    z-index: -1;
    animation-name: wave, twink;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes twink {
	8.5% { background-color: #444444; }
	10% { background-color: #00d1c0; }
	70% { background-color: #444444; }	
}

@keyframes wave {
	8.5% { transform: scale(1);  opacity:0.10;}
	90% { transform: scale(9.5); opacity:0;}
	100% { transform: scale(10); opacity:0;}
}