Hexagon Stuff
How do I make an hexagon stuff?
What is a hexagon stuff? How do you make a hexagon stuff? This script and codes were developed by Kyle Shanks on 04 August 2022, Thursday.
Hexagon Stuff Previews
Hexagon Stuff - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Hexagon Stuff</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="abs-center hex-container"> <svg viewbox="0 0 200 200" class="abs-center hex hex1"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex2"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex3"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex4"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex5"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex6"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex7"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex8"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex9"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex10"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex11"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex12"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex13"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex14"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex15"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex16"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex17"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex18"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex19"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex20"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex21"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex22"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex23"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex24"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex25"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex26"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex27"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex28"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex29"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex30"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex31"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex32"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex33"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex34"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex35"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex36"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex37"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex38"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex39"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex40"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex41"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex42"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex43"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex44"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex45"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex46"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex47"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex48"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex49"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex50"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex51"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex52"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex53"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex54"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex55"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex56"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex57"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex58"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex59"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex60"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex61"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex62"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex63"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex64"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex65"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex66"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex67"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex68"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex69"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex70"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex71"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex72"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex73"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex74"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex75"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex76"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex77"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex78"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex79"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex80"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex81"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex82"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex83"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex84"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex85"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex86"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex87"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex88"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex89"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex90"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex91"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex92"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex93"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex94"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex95"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex96"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex97"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex98"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex99"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg><svg viewbox="0 0 200 200" class="abs-center hex hex100"><path d="M 140 13 Q 150,13 155,22 L 194 89 Q 200,100 194,110 L 155 178 Q 150,187 140,187 L 60 187 Q 50,187 45,178 L 6 110 Q 0,100 6,89 L 45 22 Q50,13 60,13 Z" stroke="rgba(96,223,229,0.8)" stroke-width="8"/></svg></div>
</body>
</html>
Hexagon Stuff - Script Codes CSS Codes
body { background-color: #444;
}
.abs-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.hex-container { width: 900px; height: 800px; -webkit-transition: 0.35s ease; transition: 0.35s ease;
}
.hex { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);
}
@-webkit-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); }
}
@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: 9%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse1 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse1 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse2 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse2 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse3 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse3 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse4 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse4 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse5 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse5 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse6 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse6 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse7 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse7 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse8 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse8 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse9 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse9 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 9%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse10 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse10 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse11 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse11 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse12 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse12 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse13 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse13 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse14 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse14 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse15 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse15 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse16 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse16 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse17 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse17 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse18 4s 5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse18 4s 5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse19 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse19 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 18%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse20 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse20 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 27%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse21 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse21 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 27%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse22 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse22 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 27%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse23 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse23 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-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); }
}
@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: 27%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse24 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse24 4s 4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse25 { 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); }
}
@keyframes pulse25 { 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); }
}
.hex25 { top: 27%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse25 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse25 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse26 { 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); }
}
@keyframes pulse26 { 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); }
}
.hex26 { top: 27%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse26 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse26 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse27 { 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); }
}
@keyframes pulse27 { 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); }
}
.hex27 { top: 27%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse27 4s 4.300000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse27 4s 4.300000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse28 { 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); }
}
@keyframes pulse28 { 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); }
}
.hex28 { top: 27%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse28 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse28 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse29 { 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); }
}
@keyframes pulse29 { 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); }
}
.hex29 { top: 27%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse29 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse29 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse30 { 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); }
}
@keyframes pulse30 { 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); }
}
.hex30 { top: 27%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse30 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse30 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse31 { 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); }
}
@keyframes pulse31 { 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); }
}
.hex31 { top: 36%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse31 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse31 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse32 { 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); }
}
@keyframes pulse32 { 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); }
}
.hex32 { top: 36%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse32 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse32 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse33 { 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); }
}
@keyframes pulse33 { 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); }
}
.hex33 { top: 36%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse33 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse33 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse34 { 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); }
}
@keyframes pulse34 { 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); }
}
.hex34 { top: 36%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse34 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse34 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse35 { 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); }
}
@keyframes pulse35 { 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); }
}
.hex35 { top: 36%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse35 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse35 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse36 { 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); }
}
@keyframes pulse36 { 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); }
}
.hex36 { top: 36%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse36 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse36 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse37 { 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); }
}
@keyframes pulse37 { 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); }
}
.hex37 { top: 36%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse37 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse37 4s 2.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse38 { 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); }
}
@keyframes pulse38 { 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); }
}
.hex38 { top: 36%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse38 4s 1.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse38 4s 1.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse39 { 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); }
}
@keyframes pulse39 { 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); }
}
.hex39 { top: 36%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse39 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse39 4s 1.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse40 { 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); }
}
@keyframes pulse40 { 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); }
}
.hex40 { top: 36%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse40 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse40 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse41 { 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); }
}
@keyframes pulse41 { 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); }
}
.hex41 { top: 45%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse41 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse41 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse42 { 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); }
}
@keyframes pulse42 { 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); }
}
.hex42 { top: 45%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse42 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse42 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse43 { 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); }
}
@keyframes pulse43 { 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); }
}
.hex43 { top: 45%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse43 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse43 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse44 { 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); }
}
@keyframes pulse44 { 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); }
}
.hex44 { top: 45%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse44 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse44 4s 1.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse45 { 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); }
}
@keyframes pulse45 { 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); }
}
.hex45 { top: 45%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse45 4s 2.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse45 4s 2.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse46 { 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); }
}
@keyframes pulse46 { 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); }
}
.hex46 { top: 45%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse46 4s 1.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse46 4s 1.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse47 { 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); }
}
@keyframes pulse47 { 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); }
}
.hex47 { top: 45%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse47 4s 2.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse47 4s 2.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse48 { 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); }
}
@keyframes pulse48 { 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); }
}
.hex48 { top: 45%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse48 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse48 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse49 { 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); }
}
@keyframes pulse49 { 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); }
}
.hex49 { top: 45%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse49 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse49 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse50 { 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); }
}
@keyframes pulse50 { 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); }
}
.hex50 { top: 45%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse50 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse50 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse51 { 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); }
}
@keyframes pulse51 { 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); }
}
.hex51 { top: 54%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse51 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse51 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse52 { 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); }
}
@keyframes pulse52 { 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); }
}
.hex52 { top: 54%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse52 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse52 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse53 { 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); }
}
@keyframes pulse53 { 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); }
}
.hex53 { top: 54%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse53 4s 4.800000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse53 4s 4.800000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse54 { 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); }
}
@keyframes pulse54 { 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); }
}
.hex54 { top: 54%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse54 4s 3.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse54 4s 3.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse55 { 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); }
}
@keyframes pulse55 { 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); }
}
.hex55 { top: 54%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse55 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse55 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse56 { 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); }
}
@keyframes pulse56 { 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); }
}
.hex56 { top: 54%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse56 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse56 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse57 { 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); }
}
@keyframes pulse57 { 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); }
}
.hex57 { top: 54%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse57 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse57 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse58 { 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); }
}
@keyframes pulse58 { 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); }
}
.hex58 { top: 54%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse58 4s 5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse58 4s 5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse59 { 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); }
}
@keyframes pulse59 { 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); }
}
.hex59 { top: 54%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse59 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse59 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse60 { 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); }
}
@keyframes pulse60 { 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); }
}
.hex60 { top: 54%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse60 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse60 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse61 { 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); }
}
@keyframes pulse61 { 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); }
}
.hex61 { top: 63%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse61 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse61 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse62 { 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); }
}
@keyframes pulse62 { 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); }
}
.hex62 { top: 63%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse62 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse62 4s 4.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse63 { 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); }
}
@keyframes pulse63 { 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); }
}
.hex63 { top: 63%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse63 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse63 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse64 { 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); }
}
@keyframes pulse64 { 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); }
}
.hex64 { top: 63%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse64 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse64 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse65 { 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); }
}
@keyframes pulse65 { 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); }
}
.hex65 { top: 63%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse65 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse65 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse66 { 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); }
}
@keyframes pulse66 { 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); }
}
.hex66 { top: 63%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse66 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse66 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse67 { 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); }
}
@keyframes pulse67 { 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); }
}
.hex67 { top: 63%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse67 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse67 4s 1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse68 { 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); }
}
@keyframes pulse68 { 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); }
}
.hex68 { top: 63%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse68 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse68 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse69 { 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); }
}
@keyframes pulse69 { 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); }
}
.hex69 { top: 63%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse69 4s 1.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse69 4s 1.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse70 { 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); }
}
@keyframes pulse70 { 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); }
}
.hex70 { top: 63%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse70 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse70 4s 4.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse71 { 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); }
}
@keyframes pulse71 { 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); }
}
.hex71 { top: 72%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse71 4s 3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse71 4s 3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse72 { 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); }
}
@keyframes pulse72 { 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); }
}
.hex72 { top: 72%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse72 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse72 4s 3.1s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse73 { 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); }
}
@keyframes pulse73 { 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); }
}
.hex73 { top: 72%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse73 4s 3.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse73 4s 3.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse74 { 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); }
}
@keyframes pulse74 { 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); }
}
.hex74 { top: 72%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse74 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse74 4s 2.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse75 { 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); }
}
@keyframes pulse75 { 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); }
}
.hex75 { top: 72%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse75 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse75 4s 3.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse76 { 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); }
}
@keyframes pulse76 { 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); }
}
.hex76 { top: 72%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse76 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse76 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse77 { 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); }
}
@keyframes pulse77 { 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); }
}
.hex77 { top: 72%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse77 4s 4.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse77 4s 4.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse78 { 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); }
}
@keyframes pulse78 { 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); }
}
.hex78 { top: 72%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse78 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse78 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse79 { 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); }
}
@keyframes pulse79 { 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); }
}
.hex79 { top: 72%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse79 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse79 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse80 { 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); }
}
@keyframes pulse80 { 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); }
}
.hex80 { top: 72%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse80 4s 1.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse80 4s 1.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse81 { 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); }
}
@keyframes pulse81 { 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); }
}
.hex81 { top: 81%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse81 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse81 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse82 { 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); }
}
@keyframes pulse82 { 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); }
}
.hex82 { top: 81%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse82 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse82 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse83 { 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); }
}
@keyframes pulse83 { 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); }
}
.hex83 { top: 81%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse83 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse83 4s 3.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse84 { 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); }
}
@keyframes pulse84 { 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); }
}
.hex84 { top: 81%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse84 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse84 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse85 { 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); }
}
@keyframes pulse85 { 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); }
}
.hex85 { top: 81%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse85 4s 3.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse85 4s 3.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse86 { 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); }
}
@keyframes pulse86 { 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); }
}
.hex86 { top: 81%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse86 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse86 4s 1.4s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse87 { 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); }
}
@keyframes pulse87 { 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); }
}
.hex87 { top: 81%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse87 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse87 4s 1.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse88 { 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); }
}
@keyframes pulse88 { 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); }
}
.hex88 { top: 81%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse88 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse88 4s 1.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse89 { 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); }
}
@keyframes pulse89 { 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); }
}
.hex89 { top: 81%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse89 4s 4.800000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse89 4s 4.800000000000001s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse90 { 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); }
}
@keyframes pulse90 { 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); }
}
.hex90 { top: 81%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse90 4s 2.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse90 4s 2.9s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse91 { 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); }
}
@keyframes pulse91 { 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); }
}
.hex91 { top: 90%; left: 9%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse91 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse91 4s 2.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse92 { 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); }
}
@keyframes pulse92 { 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); }
}
.hex92 { top: 90%; left: 18%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse92 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse92 4s 4.5s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse93 { 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); }
}
@keyframes pulse93 { 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); }
}
.hex93 { top: 90%; left: 27%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse93 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse93 4s 3.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse94 { 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); }
}
@keyframes pulse94 { 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); }
}
.hex94 { top: 90%; left: 36%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse94 4s 3.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse94 4s 3.8s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse95 { 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); }
}
@keyframes pulse95 { 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); }
}
.hex95 { top: 90%; left: 45%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse95 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse95 4s 3.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse96 { 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); }
}
@keyframes pulse96 { 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); }
}
.hex96 { top: 90%; left: 54%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse96 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse96 4s 1.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse97 { 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); }
}
@keyframes pulse97 { 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); }
}
.hex97 { top: 90%; left: 63%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse97 4s 2.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse97 4s 2.3s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse98 { 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); }
}
@keyframes pulse98 { 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); }
}
.hex98 { top: 90%; left: 72%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse98 4s 3.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse98 4s 3.6s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse99 { 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); }
}
@keyframes pulse99 { 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); }
}
.hex99 { top: 90%; left: 81%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse99 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse99 4s 4.2s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@-webkit-keyframes pulse100 { 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); }
}
@keyframes pulse100 { 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); }
}
.hex100 { top: 90%; left: 90%; height: 60px; width: 60px; fill: rgba(255,255,255,0); -webkit-animation: pulse100 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards; animation: pulse100 4s 4.7s cubic-bezier(0.14, 0.13, 0.46, 1.6) infinite forwards;
}
@media screen and (max-width: 950px) { .hex-container { -webkit-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); }
}
@media screen and (max-width: 650px) { .hex-container { -webkit-transform: translate(-50%, -50%) scale(0.35); transform: translate(-50%, -50%) scale(0.35); }
}
| Developer | Kyle Shanks |
| Username | mavrK |
| Uploaded | August 04, 2022 |
| Rating | 3.5 |
| Size | 5,802 Kb |
| Views | 44,528 |
Do you need developer help for Hexagon Stuff?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Kyle Shanks (mavrK) Script Codes
| Name | Size |
| Placeholder Site | 8,005 Kb |
| Idk yet | 5,894 Kb |
| Hex Clock | 3,459 Kb |
| Ableton Concept | 10,902 Kb |
| Guchi Boys | 2,942 Kb |
| A Pen by Kyle Shanks | 14,519 Kb |
| Choose your Starter | 7,715 Kb |
| New cube thingy | 7,048 Kb |
| Package Manager Thing | 9,754 Kb |
| Test design stuff | 5,669 Kb |
Create amazing web content with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Canvas Background Effect | Sonick | 3,513 Kb |
| Video mute | Leon9208 | 2,131 Kb |
| Pure CSS Tooltip | APinix | 2,815 Kb |
| Fun animations with CSS3 | Minimalmonkey | 2,360 Kb |
| IE flex collapse bug fix | Rowno | 2,678 Kb |
| Random Gradients - JS | Aldlevine | 2,026 Kb |
| Animated rainbow wave on canvas | Icodeforlove | 2,777 Kb |
| Learning canvas drawing | Aurer | 2,204 Kb |
| React Markdown Previewer | C0d0er | 3,190 Kb |
| 12 DAYS OF XMAS | Proto78 | 2,313 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!