:root {
    --main-color:#f7f7f7;
    /*#16baaa;*/
    --circle-color: #16baaa;
    --size-to: 350px;
}

body {
    margin: 0;
    background-color: var(--main-color);

}

.circle {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    display: flex;
    align-items: center;
    align-content: center; 
    justify-content: center;  
    z-index: 10000;
}

.circle__el {
    width: 0;
    height: 0;
    background: transparent;
    border: 35px solid var(--circle-color);
    border-radius: 50%;
    animation: go 1.5s ease-out infinite;
}

.circle__el_two {
    animation-delay: 0.5s;
}

.circle__el_three {
    animation-delay: 1.5s;
}

@keyframes go {
    100% { 
    	width: var(--size-to);
      height: var(--size-to);
      box-shadow: 0 0 100px var(--circle-color);
      opacity: 0;
    }
}