.abs-center { position: absolute; top: 35px; left: 50%; transform: translate(-50%,0); }
.hex-container {width: 900px; height: 800px; z-index:-100} /*transition: 0.35s ease; */
.hex { transform: translate(-50%, -50%) rotate(-45deg); }

 @keyframes pulse1{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex1{top:18%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse1 4s 1.6s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse2{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex2{top:18%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse2 4s 1.7000000000000002s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 
 @keyframes pulse3{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex3{top:27%;left:36%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse3 4s 4.9s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse4{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex4{top:27%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse4 4s 4.9s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse5{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex5{top:27%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse5 4s 1.9s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse6{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex6{top:27%;left:63%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse6 4s 1.9s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}

 @keyframes pulse7{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex7{top:36%;left:36%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse7 4s 4.7s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse8{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex8{top:36%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse8 4s 2.4000000000000004s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse9{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex9{top:36%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse9 4s 4.300000000000001s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse10{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex10{top:36%;left:63%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse10 4s 4.6s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}

 @keyframes pulse11{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex11{top:45%;left:36%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse11 4s 4.1s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse12{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex12{top:45%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse12 4s 1s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse13{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex13{top:45%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse13 4s 1.9s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse14{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex14{top:45%;left:63%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse14 4s 3.5s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}

 @keyframes pulse15{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex15{top:54%;left:36%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse15 4s 4.5s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse16{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex16{top:54%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse16 4s 3.6s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse17{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex17{top:54%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse17 4s 4.5s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse18{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex18{top:54%;left:63%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse18 4s 3.6s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}

 @keyframes pulse19{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex19{top:63%;left:36%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse19 4s 3.2s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse20{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex20{top:63%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse20 4s 1.1s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse21{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex21{top:63%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse21 4s 2.1s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse22{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex22{top:63%;left:63%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse22 4s 2.8s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}

 @keyframes pulse23{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex23{top:72%;left:45%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse23 4s 2.8s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}
 @keyframes pulse24{0%, 20%, 100% {width:60px; height:60px; fill:rgba(255,255,255,0)} 5% {width:69.6px; height:69.6px; fill:rgba(255,255,255,0.2)} 12.5% {width:40.02px; height:40.02px; fill:rgba(255,255,255,0.6)} }
 .hex24{top:72%;left:54%;height:60px;width:60px;fill:rgba(255,255,255,0);animation:pulse24 4s 3.2s cubic-bezier(0.14,0.13,0.46,1.6) infinite forwards}