html,body{height:100%}body{overflow:hidden;position:relative}body{background-image:none;background-color:transparent}body:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-radial-gradient(center center,circle cover,rgba(0,0,0,0),rgba(0,0,0,.75));background:radial-gradient(center center,circle cover,rgba(0,0,0,0),rgba(0,0,0,.75))}.bokeh{font-size:100px;width:1em;height:1em;position:relative;margin:100px auto;border-radius:50%;border:.01em solid rgba(150,150,150,.1);list-style:none}.bokeh li{position:absolute;width:.2em;height:.2em;border-radius:50%}.bokeh li:nth-child(1){left:50%;top:0;margin:0 0 0 -.1em;background:#00c176;-webkit-transform-origin:50% 250%;transform-origin:50% 250%;-webkit-animation:rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;animation:rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate}.bokeh li:nth-child(2){top:50%;right:0;margin:-.1em 0 0 0;background:#ff003c;-webkit-transform-origin:-150% 50%;transform-origin:-150% 50%;-webkit-animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate}.bokeh li:nth-child(3){left:50%;bottom:0;margin:0 0 0 -.1em;background:#fabe28;-webkit-transform-origin:50% -150%;transform-origin:50% -150%;-webkit-animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate;animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate}.bokeh li:nth-child(4){top:50%;left:0;margin:-.1em 0 0 0;background:#88c100;-webkit-transform-origin:250% 50%;transform-origin:250% 50%;-webkit-animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate}@-webkit-keyframes rota{from{}to{-webkit-transform:rotate(360deg)}}@keyframes rota{from{}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes opa{0%{}12%{opacity:.8}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.6}66.6%{opacity:.52}70%{opacity:.63}79.9%{opacity:.6}84.2%{opacity:.75}91%{opacity:.87}}@keyframes opa{0%{}12%{opacity:.8}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.6}66.6%{opacity:.52}70%{opacity:.63}79.9%{opacity:.6}84.2%{opacity:.75}91%{opacity:.87}}