Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Powered by Algolia
About Packages

Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML 

              
                .loader
!

CSS 

              
                @import "compass/css3";

$color: #3498db;

.loader{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 -30px 0;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: $color;
  border-bottom-color: $color;
  -webkit-animation: animation 1000ms linear infinite both;
  animation: animation 1000ms linear infinite both;
}

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.877193% { -webkit-transform: matrix3d(0.90859, 0.41769, 0, 0, -0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.90859, 0.41769, 0, 0, -0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  1.754386% { -webkit-transform: matrix3d(0.67144, 0.74106, 0, 0, -0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67144, 0.74106, 0, 0, -0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.631579% { -webkit-transform: matrix3d(0.35656, 0.93427, 0, 0, -0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.35656, 0.93427, 0, 0, -0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.508772% { -webkit-transform: matrix3d(0.02808, 0.99961, 0, 0, -0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.02808, 0.99961, 0, 0, -0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.385965% { -webkit-transform: matrix3d(-0.26885, 0.96318, 0, 0, -0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.26885, 0.96318, 0, 0, -0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.263158% { -webkit-transform: matrix3d(-0.51109, 0.85953, 0, 0, -0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.51109, 0.85953, 0, 0, -0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.140351% { -webkit-transform: matrix3d(-0.69315, 0.72079, 0, 0, -0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.69315, 0.72079, 0, 0, -0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.017544% { -webkit-transform: matrix3d(-0.82051, 0.57163, 0, 0, -0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.82051, 0.57163, 0, 0, -0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.894737% { -webkit-transform: matrix3d(-0.90364, 0.42829, 0, 0, -0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.90364, 0.42829, 0, 0, -0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.77193% { -webkit-transform: matrix3d(-0.95397, 0.29989, 0, 0, -0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.95397, 0.29989, 0, 0, -0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.649123% { -webkit-transform: matrix3d(-0.9817, 0.19042, 0, 0, -0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9817, 0.19042, 0, 0, -0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.526316% { -webkit-transform: matrix3d(-0.99493, 0.1006, 0, 0, -0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, 0.1006, 0, 0, -0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.403509% { -webkit-transform: matrix3d(-0.99957, 0.02931, 0, 0, -0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99957, 0.02931, 0, 0, -0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.280702% { -webkit-transform: matrix3d(-0.99968, -0.02546, 0, 0, 0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99968, -0.02546, 0, 0, 0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.157895% { -webkit-transform: matrix3d(-0.99782, -0.06602, 0, 0, 0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99782, -0.06602, 0, 0, 0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.035088% { -webkit-transform: matrix3d(-0.99551, -0.09465, 0, 0, 0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99551, -0.09465, 0, 0, 0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.912281% { -webkit-transform: matrix3d(-0.99354, -0.11348, 0, 0, 0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99354, -0.11348, 0, 0, 0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.789474% { -webkit-transform: matrix3d(-0.99223, -0.12439, 0, 0, 0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99223, -0.12439, 0, 0, 0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(-0.99164, -0.12903, 0, 0, 0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99164, -0.12903, 0, 0, 0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.54386% { -webkit-transform: matrix3d(-0.99167, -0.12881, 0, 0, 0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99167, -0.12881, 0, 0, 0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.421053% { -webkit-transform: matrix3d(-0.99216, -0.12494, 0, 0, 0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99216, -0.12494, 0, 0, 0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.298246% { -webkit-transform: matrix3d(-0.99297, -0.1184, 0, 0, 0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99297, -0.1184, 0, 0, 0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.175439% { -webkit-transform: matrix3d(-0.99393, -0.11005, 0, 0, 0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99393, -0.11005, 0, 0, 0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.052632% { -webkit-transform: matrix3d(-0.99493, -0.10057, 0, 0, 0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, -0.10057, 0, 0, 0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.929825% { -webkit-transform: matrix3d(-0.9959, -0.09049, 0, 0, 0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9959, -0.09049, 0, 0, 0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.807018% { -webkit-transform: matrix3d(-0.99677, -0.08027, 0, 0, 0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99677, -0.08027, 0, 0, 0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.684211% { -webkit-transform: matrix3d(-0.99753, -0.07022, 0, 0, 0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99753, -0.07022, 0, 0, 0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.561404% { -webkit-transform: matrix3d(-0.99816, -0.0606, 0, 0, 0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99816, -0.0606, 0, 0, 0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.438596% { -webkit-transform: matrix3d(-0.99867, -0.05159, 0, 0, 0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99867, -0.05159, 0, 0, 0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.315789% { -webkit-transform: matrix3d(-0.99906, -0.04328, 0, 0, 0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99906, -0.04328, 0, 0, 0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.192982% { -webkit-transform: matrix3d(-0.99936, -0.03576, 0, 0, 0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99936, -0.03576, 0, 0, 0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.070175% { -webkit-transform: matrix3d(-0.99958, -0.02905, 0, 0, 0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99958, -0.02905, 0, 0, 0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.947368% { -webkit-transform: matrix3d(-0.99973, -0.02314, 0, 0, 0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99973, -0.02314, 0, 0, 0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.824561% { -webkit-transform: matrix3d(-0.99984, -0.01801, 0, 0, 0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99984, -0.01801, 0, 0, 0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30.701754% { -webkit-transform: matrix3d(-0.99991, -0.01361, 0, 0, 0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99991, -0.01361, 0, 0, 0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.578947% { -webkit-transform: matrix3d(-0.99995, -0.0099, 0, 0, 0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99995, -0.0099, 0, 0, 0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  32.45614% { -webkit-transform: matrix3d(-0.99998, -0.00681, 0, 0, 0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99998, -0.00681, 0, 0, 0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(-0.99999, -0.00429, 0, 0, 0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99999, -0.00429, 0, 0, 0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.210526% { -webkit-transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.087719% { -webkit-transform: matrix3d(-1, -0.00066, 0, 0, 0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00066, 0, 0, 0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.964912% { -webkit-transform: matrix3d(-1, 0.00057, 0, 0, -0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00057, 0, 0, -0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.842105% { -webkit-transform: matrix3d(-1, 0.00148, 0, 0, -0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00148, 0, 0, -0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.719298% { -webkit-transform: matrix3d(-1, 0.00212, 0, 0, -0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00212, 0, 0, -0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  38.596491% { -webkit-transform: matrix3d(-1, 0.00254, 0, 0, -0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00254, 0, 0, -0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.473684% { -webkit-transform: matrix3d(-1, 0.00279, 0, 0, -0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00279, 0, 0, -0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40.350877% { -webkit-transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.22807% { -webkit-transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.105263% { -webkit-transform: matrix3d(-1, 0.0028, 0, 0, -0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.0028, 0, 0, -0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.982456% { -webkit-transform: matrix3d(-1, 0.00266, 0, 0, -0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00266, 0, 0, -0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.859649% { -webkit-transform: matrix3d(-1, 0.00247, 0, 0, -0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00247, 0, 0, -0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.736842% { -webkit-transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.614035% { -webkit-transform: matrix3d(-1, 0.00203, 0, 0, -0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00203, 0, 0, -0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.491228% { -webkit-transform: matrix3d(-1, 0.0018, 0, 0, -0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.0018, 0, 0, -0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  47.368421% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  48.245614% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  49.122807% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50.877193% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  51.754386% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.631579% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.508772% { -webkit-transform: matrix3d(0.90859, -0.41769, 0, 0, 0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.90859, -0.41769, 0, 0, 0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  54.385965% { -webkit-transform: matrix3d(0.67144, -0.74106, 0, 0, 0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67144, -0.74106, 0, 0, 0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.263158% { -webkit-transform: matrix3d(0.35656, -0.93427, 0, 0, 0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.35656, -0.93427, 0, 0, 0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.140351% { -webkit-transform: matrix3d(0.02808, -0.99961, 0, 0, 0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.02808, -0.99961, 0, 0, 0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.017544% { -webkit-transform: matrix3d(-0.26885, -0.96318, 0, 0, 0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.26885, -0.96318, 0, 0, 0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.894737% { -webkit-transform: matrix3d(-0.51109, -0.85953, 0, 0, 0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.51109, -0.85953, 0, 0, 0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.77193% { -webkit-transform: matrix3d(-0.69315, -0.72079, 0, 0, 0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.69315, -0.72079, 0, 0, 0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.649123% { -webkit-transform: matrix3d(-0.82051, -0.57163, 0, 0, 0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.82051, -0.57163, 0, 0, 0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.526316% { -webkit-transform: matrix3d(-0.90364, -0.42829, 0, 0, 0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.90364, -0.42829, 0, 0, 0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.403509% { -webkit-transform: matrix3d(-0.95397, -0.29989, 0, 0, 0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.95397, -0.29989, 0, 0, 0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  62.280702% { -webkit-transform: matrix3d(-0.9817, -0.19042, 0, 0, 0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9817, -0.19042, 0, 0, 0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.157895% { -webkit-transform: matrix3d(-0.99493, -0.1006, 0, 0, 0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, -0.1006, 0, 0, 0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.035088% { -webkit-transform: matrix3d(-0.99957, -0.02931, 0, 0, 0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99957, -0.02931, 0, 0, 0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.912281% { -webkit-transform: matrix3d(-0.99968, 0.02546, 0, 0, -0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99968, 0.02546, 0, 0, -0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.789474% { -webkit-transform: matrix3d(-0.99782, 0.06602, 0, 0, -0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99782, 0.06602, 0, 0, -0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(-0.99551, 0.09465, 0, 0, -0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99551, 0.09465, 0, 0, -0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  67.54386% { -webkit-transform: matrix3d(-0.99354, 0.11348, 0, 0, -0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99354, 0.11348, 0, 0, -0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.421053% { -webkit-transform: matrix3d(-0.99223, 0.12439, 0, 0, -0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99223, 0.12439, 0, 0, -0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  69.298246% { -webkit-transform: matrix3d(-0.99164, 0.12903, 0, 0, -0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99164, 0.12903, 0, 0, -0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.175439% { -webkit-transform: matrix3d(-0.99167, 0.12881, 0, 0, -0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99167, 0.12881, 0, 0, -0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.052632% { -webkit-transform: matrix3d(-0.99216, 0.12494, 0, 0, -0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99216, 0.12494, 0, 0, -0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.929825% { -webkit-transform: matrix3d(-0.99297, 0.1184, 0, 0, -0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99297, 0.1184, 0, 0, -0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  72.807018% { -webkit-transform: matrix3d(-0.99393, 0.11005, 0, 0, -0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99393, 0.11005, 0, 0, -0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.684211% { -webkit-transform: matrix3d(-0.99493, 0.10057, 0, 0, -0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, 0.10057, 0, 0, -0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  74.561404% { -webkit-transform: matrix3d(-0.9959, 0.09049, 0, 0, -0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9959, 0.09049, 0, 0, -0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.438596% { -webkit-transform: matrix3d(-0.99677, 0.08027, 0, 0, -0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99677, 0.08027, 0, 0, -0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.315789% { -webkit-transform: matrix3d(-0.99753, 0.07022, 0, 0, -0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99753, 0.07022, 0, 0, -0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.192982% { -webkit-transform: matrix3d(-0.99816, 0.0606, 0, 0, -0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99816, 0.0606, 0, 0, -0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  78.070175% { -webkit-transform: matrix3d(-0.99867, 0.05159, 0, 0, -0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99867, 0.05159, 0, 0, -0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  78.947368% { -webkit-transform: matrix3d(-0.99906, 0.04328, 0, 0, -0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99906, 0.04328, 0, 0, -0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  79.824561% { -webkit-transform: matrix3d(-0.99936, 0.03576, 0, 0, -0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99936, 0.03576, 0, 0, -0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80.701754% { -webkit-transform: matrix3d(-0.99958, 0.02905, 0, 0, -0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99958, 0.02905, 0, 0, -0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.578947% { -webkit-transform: matrix3d(-0.99973, 0.02314, 0, 0, -0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99973, 0.02314, 0, 0, -0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  82.45614% { -webkit-transform: matrix3d(-0.99984, 0.01801, 0, 0, -0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99984, 0.01801, 0, 0, -0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(-0.99991, 0.01361, 0, 0, -0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99991, 0.01361, 0, 0, -0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  84.210526% { -webkit-transform: matrix3d(-0.99995, 0.0099, 0, 0, -0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99995, 0.0099, 0, 0, -0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.087719% { -webkit-transform: matrix3d(-0.99998, 0.00681, 0, 0, -0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99998, 0.00681, 0, 0, -0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.964912% { -webkit-transform: matrix3d(-0.99999, 0.00429, 0, 0, -0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99999, 0.00429, 0, 0, -0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.842105% { -webkit-transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  87.719298% { -webkit-transform: matrix3d(-1, 0.00066, 0, 0, -0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00066, 0, 0, -0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.596491% { -webkit-transform: matrix3d(-1, -0.00057, 0, 0, 0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00057, 0, 0, 0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  89.473684% { -webkit-transform: matrix3d(-1, -0.00148, 0, 0, 0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00148, 0, 0, 0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.350877% { -webkit-transform: matrix3d(-1, -0.00212, 0, 0, 0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00212, 0, 0, 0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  91.22807% { -webkit-transform: matrix3d(-1, -0.00254, 0, 0, 0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00254, 0, 0, 0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.105263% { -webkit-transform: matrix3d(-1, -0.00279, 0, 0, 0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00279, 0, 0, 0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.982456% { -webkit-transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.859649% { -webkit-transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  94.736842% { -webkit-transform: matrix3d(-1, -0.0028, 0, 0, 0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.0028, 0, 0, 0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  95.614035% { -webkit-transform: matrix3d(-1, -0.00266, 0, 0, 0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00266, 0, 0, 0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.491228% { -webkit-transform: matrix3d(-1, -0.00247, 0, 0, 0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00247, 0, 0, 0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  97.368421% { -webkit-transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  98.245614% { -webkit-transform: matrix3d(-1, -0.00203, 0, 0, 0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00203, 0, 0, 0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  99.122807% { -webkit-transform: matrix3d(-1, -0.0018, 0, 0, 0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.0018, 0, 0, 0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.877193% { -webkit-transform: matrix3d(0.90859, 0.41769, 0, 0, -0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.90859, 0.41769, 0, 0, -0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  1.754386% { -webkit-transform: matrix3d(0.67144, 0.74106, 0, 0, -0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67144, 0.74106, 0, 0, -0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.631579% { -webkit-transform: matrix3d(0.35656, 0.93427, 0, 0, -0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.35656, 0.93427, 0, 0, -0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.508772% { -webkit-transform: matrix3d(0.02808, 0.99961, 0, 0, -0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.02808, 0.99961, 0, 0, -0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.385965% { -webkit-transform: matrix3d(-0.26885, 0.96318, 0, 0, -0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.26885, 0.96318, 0, 0, -0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.263158% { -webkit-transform: matrix3d(-0.51109, 0.85953, 0, 0, -0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.51109, 0.85953, 0, 0, -0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.140351% { -webkit-transform: matrix3d(-0.69315, 0.72079, 0, 0, -0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.69315, 0.72079, 0, 0, -0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.017544% { -webkit-transform: matrix3d(-0.82051, 0.57163, 0, 0, -0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.82051, 0.57163, 0, 0, -0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.894737% { -webkit-transform: matrix3d(-0.90364, 0.42829, 0, 0, -0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.90364, 0.42829, 0, 0, -0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.77193% { -webkit-transform: matrix3d(-0.95397, 0.29989, 0, 0, -0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.95397, 0.29989, 0, 0, -0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.649123% { -webkit-transform: matrix3d(-0.9817, 0.19042, 0, 0, -0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9817, 0.19042, 0, 0, -0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.526316% { -webkit-transform: matrix3d(-0.99493, 0.1006, 0, 0, -0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, 0.1006, 0, 0, -0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.403509% { -webkit-transform: matrix3d(-0.99957, 0.02931, 0, 0, -0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99957, 0.02931, 0, 0, -0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.280702% { -webkit-transform: matrix3d(-0.99968, -0.02546, 0, 0, 0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99968, -0.02546, 0, 0, 0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.157895% { -webkit-transform: matrix3d(-0.99782, -0.06602, 0, 0, 0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99782, -0.06602, 0, 0, 0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.035088% { -webkit-transform: matrix3d(-0.99551, -0.09465, 0, 0, 0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99551, -0.09465, 0, 0, 0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.912281% { -webkit-transform: matrix3d(-0.99354, -0.11348, 0, 0, 0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99354, -0.11348, 0, 0, 0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.789474% { -webkit-transform: matrix3d(-0.99223, -0.12439, 0, 0, 0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99223, -0.12439, 0, 0, 0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(-0.99164, -0.12903, 0, 0, 0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99164, -0.12903, 0, 0, 0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.54386% { -webkit-transform: matrix3d(-0.99167, -0.12881, 0, 0, 0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99167, -0.12881, 0, 0, 0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.421053% { -webkit-transform: matrix3d(-0.99216, -0.12494, 0, 0, 0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99216, -0.12494, 0, 0, 0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.298246% { -webkit-transform: matrix3d(-0.99297, -0.1184, 0, 0, 0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99297, -0.1184, 0, 0, 0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.175439% { -webkit-transform: matrix3d(-0.99393, -0.11005, 0, 0, 0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99393, -0.11005, 0, 0, 0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.052632% { -webkit-transform: matrix3d(-0.99493, -0.10057, 0, 0, 0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, -0.10057, 0, 0, 0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.929825% { -webkit-transform: matrix3d(-0.9959, -0.09049, 0, 0, 0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9959, -0.09049, 0, 0, 0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.807018% { -webkit-transform: matrix3d(-0.99677, -0.08027, 0, 0, 0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99677, -0.08027, 0, 0, 0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.684211% { -webkit-transform: matrix3d(-0.99753, -0.07022, 0, 0, 0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99753, -0.07022, 0, 0, 0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.561404% { -webkit-transform: matrix3d(-0.99816, -0.0606, 0, 0, 0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99816, -0.0606, 0, 0, 0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.438596% { -webkit-transform: matrix3d(-0.99867, -0.05159, 0, 0, 0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99867, -0.05159, 0, 0, 0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.315789% { -webkit-transform: matrix3d(-0.99906, -0.04328, 0, 0, 0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99906, -0.04328, 0, 0, 0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.192982% { -webkit-transform: matrix3d(-0.99936, -0.03576, 0, 0, 0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99936, -0.03576, 0, 0, 0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.070175% { -webkit-transform: matrix3d(-0.99958, -0.02905, 0, 0, 0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99958, -0.02905, 0, 0, 0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.947368% { -webkit-transform: matrix3d(-0.99973, -0.02314, 0, 0, 0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99973, -0.02314, 0, 0, 0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.824561% { -webkit-transform: matrix3d(-0.99984, -0.01801, 0, 0, 0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99984, -0.01801, 0, 0, 0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30.701754% { -webkit-transform: matrix3d(-0.99991, -0.01361, 0, 0, 0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99991, -0.01361, 0, 0, 0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.578947% { -webkit-transform: matrix3d(-0.99995, -0.0099, 0, 0, 0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99995, -0.0099, 0, 0, 0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  32.45614% { -webkit-transform: matrix3d(-0.99998, -0.00681, 0, 0, 0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99998, -0.00681, 0, 0, 0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(-0.99999, -0.00429, 0, 0, 0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99999, -0.00429, 0, 0, 0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.210526% { -webkit-transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.087719% { -webkit-transform: matrix3d(-1, -0.00066, 0, 0, 0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00066, 0, 0, 0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.964912% { -webkit-transform: matrix3d(-1, 0.00057, 0, 0, -0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00057, 0, 0, -0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.842105% { -webkit-transform: matrix3d(-1, 0.00148, 0, 0, -0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00148, 0, 0, -0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.719298% { -webkit-transform: matrix3d(-1, 0.00212, 0, 0, -0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00212, 0, 0, -0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  38.596491% { -webkit-transform: matrix3d(-1, 0.00254, 0, 0, -0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00254, 0, 0, -0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.473684% { -webkit-transform: matrix3d(-1, 0.00279, 0, 0, -0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00279, 0, 0, -0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40.350877% { -webkit-transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.22807% { -webkit-transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00289, 0, 0, -0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.105263% { -webkit-transform: matrix3d(-1, 0.0028, 0, 0, -0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.0028, 0, 0, -0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.982456% { -webkit-transform: matrix3d(-1, 0.00266, 0, 0, -0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00266, 0, 0, -0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.859649% { -webkit-transform: matrix3d(-1, 0.00247, 0, 0, -0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00247, 0, 0, -0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.736842% { -webkit-transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.614035% { -webkit-transform: matrix3d(-1, 0.00203, 0, 0, -0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00203, 0, 0, -0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.491228% { -webkit-transform: matrix3d(-1, 0.0018, 0, 0, -0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.0018, 0, 0, -0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  47.368421% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  48.245614% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  49.122807% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50.877193% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  51.754386% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.631579% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.508772% { -webkit-transform: matrix3d(0.90859, -0.41769, 0, 0, 0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.90859, -0.41769, 0, 0, 0.41769, 0.90859, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  54.385965% { -webkit-transform: matrix3d(0.67144, -0.74106, 0, 0, 0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67144, -0.74106, 0, 0, 0.74106, 0.67144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.263158% { -webkit-transform: matrix3d(0.35656, -0.93427, 0, 0, 0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.35656, -0.93427, 0, 0, 0.93427, 0.35656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.140351% { -webkit-transform: matrix3d(0.02808, -0.99961, 0, 0, 0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.02808, -0.99961, 0, 0, 0.99961, 0.02808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.017544% { -webkit-transform: matrix3d(-0.26885, -0.96318, 0, 0, 0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.26885, -0.96318, 0, 0, 0.96318, -0.26885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.894737% { -webkit-transform: matrix3d(-0.51109, -0.85953, 0, 0, 0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.51109, -0.85953, 0, 0, 0.85953, -0.51109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.77193% { -webkit-transform: matrix3d(-0.69315, -0.72079, 0, 0, 0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.69315, -0.72079, 0, 0, 0.72079, -0.69315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.649123% { -webkit-transform: matrix3d(-0.82051, -0.57163, 0, 0, 0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.82051, -0.57163, 0, 0, 0.57163, -0.82051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.526316% { -webkit-transform: matrix3d(-0.90364, -0.42829, 0, 0, 0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.90364, -0.42829, 0, 0, 0.42829, -0.90364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.403509% { -webkit-transform: matrix3d(-0.95397, -0.29989, 0, 0, 0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.95397, -0.29989, 0, 0, 0.29989, -0.95397, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  62.280702% { -webkit-transform: matrix3d(-0.9817, -0.19042, 0, 0, 0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9817, -0.19042, 0, 0, 0.19042, -0.9817, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.157895% { -webkit-transform: matrix3d(-0.99493, -0.1006, 0, 0, 0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, -0.1006, 0, 0, 0.1006, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.035088% { -webkit-transform: matrix3d(-0.99957, -0.02931, 0, 0, 0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99957, -0.02931, 0, 0, 0.02931, -0.99957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.912281% { -webkit-transform: matrix3d(-0.99968, 0.02546, 0, 0, -0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99968, 0.02546, 0, 0, -0.02546, -0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.789474% { -webkit-transform: matrix3d(-0.99782, 0.06602, 0, 0, -0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99782, 0.06602, 0, 0, -0.06602, -0.99782, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(-0.99551, 0.09465, 0, 0, -0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99551, 0.09465, 0, 0, -0.09465, -0.99551, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  67.54386% { -webkit-transform: matrix3d(-0.99354, 0.11348, 0, 0, -0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99354, 0.11348, 0, 0, -0.11348, -0.99354, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.421053% { -webkit-transform: matrix3d(-0.99223, 0.12439, 0, 0, -0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99223, 0.12439, 0, 0, -0.12439, -0.99223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  69.298246% { -webkit-transform: matrix3d(-0.99164, 0.12903, 0, 0, -0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99164, 0.12903, 0, 0, -0.12903, -0.99164, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.175439% { -webkit-transform: matrix3d(-0.99167, 0.12881, 0, 0, -0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99167, 0.12881, 0, 0, -0.12881, -0.99167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.052632% { -webkit-transform: matrix3d(-0.99216, 0.12494, 0, 0, -0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99216, 0.12494, 0, 0, -0.12494, -0.99216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.929825% { -webkit-transform: matrix3d(-0.99297, 0.1184, 0, 0, -0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99297, 0.1184, 0, 0, -0.1184, -0.99297, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  72.807018% { -webkit-transform: matrix3d(-0.99393, 0.11005, 0, 0, -0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99393, 0.11005, 0, 0, -0.11005, -0.99393, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.684211% { -webkit-transform: matrix3d(-0.99493, 0.10057, 0, 0, -0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99493, 0.10057, 0, 0, -0.10057, -0.99493, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  74.561404% { -webkit-transform: matrix3d(-0.9959, 0.09049, 0, 0, -0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.9959, 0.09049, 0, 0, -0.09049, -0.9959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.438596% { -webkit-transform: matrix3d(-0.99677, 0.08027, 0, 0, -0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99677, 0.08027, 0, 0, -0.08027, -0.99677, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.315789% { -webkit-transform: matrix3d(-0.99753, 0.07022, 0, 0, -0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99753, 0.07022, 0, 0, -0.07022, -0.99753, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.192982% { -webkit-transform: matrix3d(-0.99816, 0.0606, 0, 0, -0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99816, 0.0606, 0, 0, -0.0606, -0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  78.070175% { -webkit-transform: matrix3d(-0.99867, 0.05159, 0, 0, -0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99867, 0.05159, 0, 0, -0.05159, -0.99867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  78.947368% { -webkit-transform: matrix3d(-0.99906, 0.04328, 0, 0, -0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99906, 0.04328, 0, 0, -0.04328, -0.99906, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  79.824561% { -webkit-transform: matrix3d(-0.99936, 0.03576, 0, 0, -0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99936, 0.03576, 0, 0, -0.03576, -0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80.701754% { -webkit-transform: matrix3d(-0.99958, 0.02905, 0, 0, -0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99958, 0.02905, 0, 0, -0.02905, -0.99958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.578947% { -webkit-transform: matrix3d(-0.99973, 0.02314, 0, 0, -0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99973, 0.02314, 0, 0, -0.02314, -0.99973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  82.45614% { -webkit-transform: matrix3d(-0.99984, 0.01801, 0, 0, -0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99984, 0.01801, 0, 0, -0.01801, -0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(-0.99991, 0.01361, 0, 0, -0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99991, 0.01361, 0, 0, -0.01361, -0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  84.210526% { -webkit-transform: matrix3d(-0.99995, 0.0099, 0, 0, -0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99995, 0.0099, 0, 0, -0.0099, -0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.087719% { -webkit-transform: matrix3d(-0.99998, 0.00681, 0, 0, -0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99998, 0.00681, 0, 0, -0.00681, -0.99998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.964912% { -webkit-transform: matrix3d(-0.99999, 0.00429, 0, 0, -0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.99999, 0.00429, 0, 0, -0.00429, -0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.842105% { -webkit-transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00225, 0, 0, -0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  87.719298% { -webkit-transform: matrix3d(-1, 0.00066, 0, 0, -0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0.00066, 0, 0, -0.00066, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  88.596491% { -webkit-transform: matrix3d(-1, -0.00057, 0, 0, 0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00057, 0, 0, 0.00057, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  89.473684% { -webkit-transform: matrix3d(-1, -0.00148, 0, 0, 0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00148, 0, 0, 0.00148, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.350877% { -webkit-transform: matrix3d(-1, -0.00212, 0, 0, 0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00212, 0, 0, 0.00212, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  91.22807% { -webkit-transform: matrix3d(-1, -0.00254, 0, 0, 0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00254, 0, 0, 0.00254, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.105263% { -webkit-transform: matrix3d(-1, -0.00279, 0, 0, 0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00279, 0, 0, 0.00279, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.982456% { -webkit-transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.859649% { -webkit-transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00289, 0, 0, 0.00289, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  94.736842% { -webkit-transform: matrix3d(-1, -0.0028, 0, 0, 0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.0028, 0, 0, 0.0028, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  95.614035% { -webkit-transform: matrix3d(-1, -0.00266, 0, 0, 0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00266, 0, 0, 0.00266, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.491228% { -webkit-transform: matrix3d(-1, -0.00247, 0, 0, 0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00247, 0, 0, 0.00247, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  97.368421% { -webkit-transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00225, 0, 0, 0.00225, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  98.245614% { -webkit-transform: matrix3d(-1, -0.00203, 0, 0, 0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.00203, 0, 0, 0.00203, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  99.122807% { -webkit-transform: matrix3d(-1, -0.0018, 0, 0, 0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, -0.0018, 0, 0, 0.0018, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

html {
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, #fff 0%, #aaa 100%) no-repeat;
	overflow-x: hidden;
	overflow-y: hidden;
}
body {
	text-align: center;
	display: table;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
!

JS
!
999px

Console