#hexas path{fill:#556c82}#circles .bg{stroke:#e3e4dc}#circles .slow{stroke:#98938f;animation:slowdash 3s linear infinite,rotate 3s linear infinite;transform-origin:50% 50%}#circles .fast{stroke:#cac3bf;animation:fastdash 3s linear infinite,rotate 3s linear infinite;transform-origin:50% 50%}#hexas path:first-child{animation:hexa 3s 0s infinite;transform-origin:50% 50%}#hexas path:nth-child(2){animation:hexa 3s .2142857143s infinite;transform-origin:50% 50%}#hexas path:nth-child(3){animation:hexa 3s .4285714286s infinite;transform-origin:50% 50%}#hexas path:nth-child(4){animation:hexa 3s .6428571429s infinite;transform-origin:50% 50%}#hexas path:nth-child(5){animation:hexa 3s .8571428571s infinite;transform-origin:50% 50%}#hexas path:nth-child(6){animation:hexa 3s 1.0714285714s infinite;transform-origin:50% 50%}#hexas path:nth-child(7){animation:hexa 3s 1.2857142857s infinite;transform-origin:50% 50%}@keyframes slowdash{0%,to{stroke-dasharray:100,2500;stroke-dashoffset:0}50%{stroke-dasharray:200,2500;stroke-dashoffset:-100}}@keyframes rotate{0%{transform:rotate(-45deg)}50%{transform:rotate(135deg)}to{transform:rotate(315deg)}}@keyframes fastdash{0%{stroke-dasharray:1,2500}25%{stroke-dasharray:1900,2500;stroke-dashoffset:-100}75%{stroke-dasharray:2100,2500;stroke-dashoffset:-400}to{stroke-dasharray:2500,2500;stroke-dashoffset:-2500}}@keyframes hexa{0%{opacity:1;transform:scale(1)}15%,50%{opacity:0;transform:scale(.5)}65%{opacity:1;transform:scale(1)}}#loader{align-items:center;background:#f9fbe7;display:flex;height:100vh;justify-content:center}.loader-container{height:100%;position:relative;text-align:center}.loader-container:before{content:" ";height:100%}.loader,.loader-container:before{display:inline-block;vertical-align:middle}.loader{height:200px;width:200px}.loader svg{height:100%;width:100%}