diff --git a/docs/src/main/resources/microsite/css/custom.css b/docs/src/main/resources/microsite/css/custom.css
index 1cf0cd14..89924163 100644
--- a/docs/src/main/resources/microsite/css/custom.css
+++ b/docs/src/main/resources/microsite/css/custom.css
@@ -1,1261 +1,7 @@
-@charset "UTF-8";
-/*!
+/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
- */
-@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
-.animated {
- animation-duration: 1s;
- animation-fill-mode: both; }
-
-.animated.infinite {
- animation-iteration-count: infinite; }
-
-.animated.hinge {
- animation-duration: 2s; }
-
-.animated.flipOutX,
-.animated.flipOutY,
-.animated.bounceIn,
-.animated.bounceOut {
- animation-duration: .75s; }
-
-@keyframes bounce {
- from, 20%, 53%, 80%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- transform: translate3d(0, 0, 0); }
- 40%, 43% {
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- transform: translate3d(0, -30px, 0); }
- 70% {
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- transform: translate3d(0, -15px, 0); }
- 90% {
- transform: translate3d(0, -4px, 0); } }
-.bounce {
- animation-name: bounce;
- transform-origin: center bottom; }
-
-@keyframes flash {
- from, 50%, to {
- opacity: 1; }
- 25%, 75% {
- opacity: 0; } }
-.flash {
- animation-name: flash; }
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-@keyframes pulse {
- from {
- transform: scale3d(1, 1, 1); }
- 50% {
- transform: scale3d(1.05, 1.05, 1.05); }
- to {
- transform: scale3d(1, 1, 1); } }
-.pulse {
- animation-name: pulse; }
-
-@keyframes rubberBand {
- from {
- transform: scale3d(1, 1, 1); }
- 30% {
- transform: scale3d(1.25, 0.75, 1); }
- 40% {
- transform: scale3d(0.75, 1.25, 1); }
- 50% {
- transform: scale3d(1.15, 0.85, 1); }
- 65% {
- transform: scale3d(0.95, 1.05, 1); }
- 75% {
- transform: scale3d(1.05, 0.95, 1); }
- to {
- transform: scale3d(1, 1, 1); } }
-.rubberBand {
- animation-name: rubberBand; }
-
-@keyframes shake {
- from, to {
- transform: translate3d(0, 0, 0); }
- 10%, 30%, 50%, 70%, 90% {
- transform: translate3d(-10px, 0, 0); }
- 20%, 40%, 60%, 80% {
- transform: translate3d(10px, 0, 0); } }
-.shake {
- animation-name: shake; }
-
-@keyframes headShake {
- 0% {
- transform: translateX(0); }
- 6.5% {
- transform: translateX(-6px) rotateY(-9deg); }
- 18.5% {
- transform: translateX(5px) rotateY(7deg); }
- 31.5% {
- transform: translateX(-3px) rotateY(-5deg); }
- 43.5% {
- transform: translateX(2px) rotateY(3deg); }
- 50% {
- transform: translateX(0); } }
-.headShake {
- animation-timing-function: ease-in-out;
- animation-name: headShake; }
-
-@keyframes swing {
- 20% {
- transform: rotate3d(0, 0, 1, 15deg); }
- 40% {
- transform: rotate3d(0, 0, 1, -10deg); }
- 60% {
- transform: rotate3d(0, 0, 1, 5deg); }
- 80% {
- transform: rotate3d(0, 0, 1, -5deg); }
- to {
- transform: rotate3d(0, 0, 1, 0deg); } }
-.swing {
- transform-origin: top center;
- animation-name: swing; }
-
-@keyframes tada {
- from {
- transform: scale3d(1, 1, 1); }
- 10%, 20% {
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
- 30%, 50%, 70%, 90% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
- 40%, 60%, 80% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
- to {
- transform: scale3d(1, 1, 1); } }
-.tada {
- animation-name: tada; }
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-@keyframes wobble {
- from {
- transform: none; }
- 15% {
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
- 30% {
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
- 45% {
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
- 60% {
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
- 75% {
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
- to {
- transform: none; } }
-.wobble {
- animation-name: wobble; }
-
-@keyframes jello {
- from, 11.1%, to {
- transform: none; }
- 22.2% {
- transform: skewX(-12.5deg) skewY(-12.5deg); }
- 33.3% {
- transform: skewX(6.25deg) skewY(6.25deg); }
- 44.4% {
- transform: skewX(-3.125deg) skewY(-3.125deg); }
- 55.5% {
- transform: skewX(1.5625deg) skewY(1.5625deg); }
- 66.6% {
- transform: skewX(-0.78125deg) skewY(-0.78125deg); }
- 77.7% {
- transform: skewX(0.390625deg) skewY(0.390625deg); }
- 88.8% {
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
-.jello {
- animation-name: jello;
- transform-origin: center; }
-
-@keyframes bounceIn {
- from, 20%, 40%, 60%, 80%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
- 0% {
- opacity: 0;
- transform: scale3d(0.3, 0.3, 0.3); }
- 20% {
- transform: scale3d(1.1, 1.1, 1.1); }
- 40% {
- transform: scale3d(0.9, 0.9, 0.9); }
- 60% {
- opacity: 1;
- transform: scale3d(1.03, 1.03, 1.03); }
- 80% {
- transform: scale3d(0.97, 0.97, 0.97); }
- to {
- opacity: 1;
- transform: scale3d(1, 1, 1); } }
-.bounceIn {
- animation-name: bounceIn; }
-
-@keyframes bounceInDown {
- from, 60%, 75%, 90%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
- 0% {
- opacity: 0;
- transform: translate3d(0, -3000px, 0); }
- 60% {
- opacity: 1;
- transform: translate3d(0, 25px, 0); }
- 75% {
- transform: translate3d(0, -10px, 0); }
- 90% {
- transform: translate3d(0, 5px, 0); }
- to {
- transform: none; } }
-.bounceInDown {
- animation-name: bounceInDown; }
-
-@keyframes bounceInLeft {
- from, 60%, 75%, 90%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
- 0% {
- opacity: 0;
- transform: translate3d(-3000px, 0, 0); }
- 60% {
- opacity: 1;
- transform: translate3d(25px, 0, 0); }
- 75% {
- transform: translate3d(-10px, 0, 0); }
- 90% {
- transform: translate3d(5px, 0, 0); }
- to {
- transform: none; } }
-.bounceInLeft {
- animation-name: bounceInLeft; }
-
-@keyframes bounceInRight {
- from, 60%, 75%, 90%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
- from {
- opacity: 0;
- transform: translate3d(3000px, 0, 0); }
- 60% {
- opacity: 1;
- transform: translate3d(-25px, 0, 0); }
- 75% {
- transform: translate3d(10px, 0, 0); }
- 90% {
- transform: translate3d(-5px, 0, 0); }
- to {
- transform: none; } }
-.bounceInRight {
- animation-name: bounceInRight; }
-
-@keyframes bounceInUp {
- from, 60%, 75%, 90%, to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
- from {
- opacity: 0;
- transform: translate3d(0, 3000px, 0); }
- 60% {
- opacity: 1;
- transform: translate3d(0, -20px, 0); }
- 75% {
- transform: translate3d(0, 10px, 0); }
- 90% {
- transform: translate3d(0, -5px, 0); }
- to {
- transform: translate3d(0, 0, 0); } }
-.bounceInUp {
- animation-name: bounceInUp; }
-
-@keyframes bounceOut {
- 20% {
- transform: scale3d(0.9, 0.9, 0.9); }
- 50%, 55% {
- opacity: 1;
- transform: scale3d(1.1, 1.1, 1.1); }
- to {
- opacity: 0;
- transform: scale3d(0.3, 0.3, 0.3); } }
-.bounceOut {
- animation-name: bounceOut; }
-
-@keyframes bounceOutDown {
- 20% {
- transform: translate3d(0, 10px, 0); }
- 40%, 45% {
- opacity: 1;
- transform: translate3d(0, -20px, 0); }
- to {
- opacity: 0;
- transform: translate3d(0, 2000px, 0); } }
-.bounceOutDown {
- animation-name: bounceOutDown; }
-
-@keyframes bounceOutLeft {
- 20% {
- opacity: 1;
- transform: translate3d(20px, 0, 0); }
- to {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0); } }
-.bounceOutLeft {
- animation-name: bounceOutLeft; }
-
-@keyframes bounceOutRight {
- 20% {
- opacity: 1;
- transform: translate3d(-20px, 0, 0); }
- to {
- opacity: 0;
- transform: translate3d(2000px, 0, 0); } }
-.bounceOutRight {
- animation-name: bounceOutRight; }
-
-@keyframes bounceOutUp {
- 20% {
- transform: translate3d(0, -10px, 0); }
- 40%, 45% {
- opacity: 1;
- transform: translate3d(0, 20px, 0); }
- to {
- opacity: 0;
- transform: translate3d(0, -2000px, 0); } }
-.bounceOutUp {
- animation-name: bounceOutUp; }
-
-@keyframes fadeIn {
- from {
- opacity: 0; }
- to {
- opacity: 1; } }
-.fadeIn {
- animation-name: fadeIn; }
-
-@keyframes fadeInDown {
- from {
- opacity: 0;
- transform: translate3d(0, -100%, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInDown {
- animation-name: fadeInDown; }
-
-@keyframes fadeInDownBig {
- from {
- opacity: 0;
- transform: translate3d(0, -2000px, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInDownBig {
- animation-name: fadeInDownBig; }
-
-@keyframes fadeInLeft {
- from {
- opacity: 0;
- transform: translate3d(-100%, 0, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInLeft {
- animation-name: fadeInLeft; }
-
-@keyframes fadeInLeftBig {
- from {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInLeftBig {
- animation-name: fadeInLeftBig; }
-
-@keyframes fadeInRight {
- from {
- opacity: 0;
- transform: translate3d(100%, 0, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInRight {
- animation-name: fadeInRight; }
-
-@keyframes fadeInRightBig {
- from {
- opacity: 0;
- transform: translate3d(2000px, 0, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInRightBig {
- animation-name: fadeInRightBig; }
-
-@keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translate3d(0, 100%, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInUp {
- animation-name: fadeInUp; }
-
-@keyframes fadeInUpBig {
- from {
- opacity: 0;
- transform: translate3d(0, 2000px, 0); }
- to {
- opacity: 1;
- transform: none; } }
-.fadeInUpBig {
- animation-name: fadeInUpBig; }
-
-@keyframes fadeOut {
- from {
- opacity: 1; }
- to {
- opacity: 0; } }
-.fadeOut {
- animation-name: fadeOut; }
-
-@keyframes fadeOutDown {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(0, 100%, 0); } }
-.fadeOutDown {
- animation-name: fadeOutDown; }
-
-@keyframes fadeOutDownBig {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(0, 2000px, 0); } }
-.fadeOutDownBig {
- animation-name: fadeOutDownBig; }
-
-@keyframes fadeOutLeft {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(-100%, 0, 0); } }
-.fadeOutLeft {
- animation-name: fadeOutLeft; }
-
-@keyframes fadeOutLeftBig {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(-2000px, 0, 0); } }
-.fadeOutLeftBig {
- animation-name: fadeOutLeftBig; }
-
-@keyframes fadeOutRight {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0); } }
-.fadeOutRight {
- animation-name: fadeOutRight; }
-
-@keyframes fadeOutRightBig {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(2000px, 0, 0); } }
-.fadeOutRightBig {
- animation-name: fadeOutRightBig; }
-
-@keyframes fadeOutUp {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(0, -100%, 0); } }
-.fadeOutUp {
- animation-name: fadeOutUp; }
-
-@keyframes fadeOutUpBig {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(0, -2000px, 0); } }
-.fadeOutUpBig {
- animation-name: fadeOutUpBig; }
-
-@keyframes flip {
- from {
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
- animation-timing-function: ease-out; }
- 40% {
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
- animation-timing-function: ease-out; }
- 50% {
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
- animation-timing-function: ease-in; }
- 80% {
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
- animation-timing-function: ease-in; }
- to {
- transform: perspective(400px);
- animation-timing-function: ease-in; } }
-.animated.flip {
- -webkit-backface-visibility: visible;
- backface-visibility: visible;
- animation-name: flip; }
-
-@keyframes flipInX {
- from {
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- animation-timing-function: ease-in;
- opacity: 0; }
- 40% {
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- animation-timing-function: ease-in; }
- 60% {
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
- opacity: 1; }
- 80% {
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
- to {
- transform: perspective(400px); } }
-.flipInX {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- animation-name: flipInX; }
-
-@keyframes flipInY {
- from {
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- animation-timing-function: ease-in;
- opacity: 0; }
- 40% {
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
- animation-timing-function: ease-in; }
- 60% {
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
- opacity: 1; }
- 80% {
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
- to {
- transform: perspective(400px); } }
-.flipInY {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- animation-name: flipInY; }
-
-@keyframes flipOutX {
- from {
- transform: perspective(400px); }
- 30% {
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
- opacity: 1; }
- to {
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
- opacity: 0; } }
-.flipOutX {
- animation-name: flipOutX;
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important; }
-
-@keyframes flipOutY {
- from {
- transform: perspective(400px); }
- 30% {
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
- opacity: 1; }
- to {
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
- opacity: 0; } }
-.flipOutY {
- -webkit-backface-visibility: visible !important;
- backface-visibility: visible !important;
- animation-name: flipOutY; }
-
-@keyframes lightSpeedIn {
- from {
- transform: translate3d(100%, 0, 0) skewX(-30deg);
- opacity: 0; }
- 60% {
- transform: skewX(20deg);
- opacity: 1; }
- 80% {
- transform: skewX(-5deg);
- opacity: 1; }
- to {
- transform: none;
- opacity: 1; } }
-.lightSpeedIn {
- animation-name: lightSpeedIn;
- animation-timing-function: ease-out; }
-
-@keyframes lightSpeedOut {
- from {
- opacity: 1; }
- to {
- transform: translate3d(100%, 0, 0) skewX(30deg);
- opacity: 0; } }
-.lightSpeedOut {
- animation-name: lightSpeedOut;
- animation-timing-function: ease-in; }
-
-@keyframes rotateIn {
- from {
- transform-origin: center;
- transform: rotate3d(0, 0, 1, -200deg);
- opacity: 0; }
- to {
- transform-origin: center;
- transform: none;
- opacity: 1; } }
-.rotateIn {
- animation-name: rotateIn; }
-
-@keyframes rotateInDownLeft {
- from {
- transform-origin: left bottom;
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0; }
- to {
- transform-origin: left bottom;
- transform: none;
- opacity: 1; } }
-.rotateInDownLeft {
- animation-name: rotateInDownLeft; }
-
-@keyframes rotateInDownRight {
- from {
- transform-origin: right bottom;
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0; }
- to {
- transform-origin: right bottom;
- transform: none;
- opacity: 1; } }
-.rotateInDownRight {
- animation-name: rotateInDownRight; }
-
-@keyframes rotateInUpLeft {
- from {
- transform-origin: left bottom;
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0; }
- to {
- transform-origin: left bottom;
- transform: none;
- opacity: 1; } }
-.rotateInUpLeft {
- animation-name: rotateInUpLeft; }
-
-@keyframes rotateInUpRight {
- from {
- transform-origin: right bottom;
- transform: rotate3d(0, 0, 1, -90deg);
- opacity: 0; }
- to {
- transform-origin: right bottom;
- transform: none;
- opacity: 1; } }
-.rotateInUpRight {
- animation-name: rotateInUpRight; }
-
-@keyframes rotateOut {
- from {
- transform-origin: center;
- opacity: 1; }
- to {
- transform-origin: center;
- transform: rotate3d(0, 0, 1, 200deg);
- opacity: 0; } }
-.rotateOut {
- animation-name: rotateOut; }
-
-@keyframes rotateOutDownLeft {
- from {
- transform-origin: left bottom;
- opacity: 1; }
- to {
- transform-origin: left bottom;
- transform: rotate3d(0, 0, 1, 45deg);
- opacity: 0; } }
-.rotateOutDownLeft {
- animation-name: rotateOutDownLeft; }
-
-@keyframes rotateOutDownRight {
- from {
- transform-origin: right bottom;
- opacity: 1; }
- to {
- transform-origin: right bottom;
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0; } }
-.rotateOutDownRight {
- animation-name: rotateOutDownRight; }
-
-@keyframes rotateOutUpLeft {
- from {
- transform-origin: left bottom;
- opacity: 1; }
- to {
- transform-origin: left bottom;
- transform: rotate3d(0, 0, 1, -45deg);
- opacity: 0; } }
-.rotateOutUpLeft {
- animation-name: rotateOutUpLeft; }
-
-@keyframes rotateOutUpRight {
- from {
- transform-origin: right bottom;
- opacity: 1; }
- to {
- transform-origin: right bottom;
- transform: rotate3d(0, 0, 1, 90deg);
- opacity: 0; } }
-.rotateOutUpRight {
- animation-name: rotateOutUpRight; }
-
-@keyframes hinge {
- 0% {
- transform-origin: top left;
- animation-timing-function: ease-in-out; }
- 20%, 60% {
- transform: rotate3d(0, 0, 1, 80deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out; }
- 40%, 80% {
- transform: rotate3d(0, 0, 1, 60deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- opacity: 1; }
- to {
- transform: translate3d(0, 700px, 0);
- opacity: 0; } }
-.hinge {
- animation-name: hinge; }
-
-@keyframes jackInTheBox {
- from {
- opacity: 0;
- transform: scale(0.1) rotate(30deg);
- transform-origin: center bottom; }
- 50% {
- transform: rotate(-10deg); }
- 70% {
- transform: rotate(3deg); }
- to {
- opacity: 1;
- transform: scale(1); } }
-.jackInTheBox {
- animation-name: jackInTheBox; }
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-@keyframes rollIn {
- from {
- opacity: 0;
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
- to {
- opacity: 1;
- transform: none; } }
-.rollIn {
- animation-name: rollIn; }
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-@keyframes rollOut {
- from {
- opacity: 1; }
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
-.rollOut {
- animation-name: rollOut; }
-
-@keyframes zoomIn {
- from {
- opacity: 0;
- transform: scale3d(0.3, 0.3, 0.3); }
- 50% {
- opacity: 1; } }
-.zoomIn {
- animation-name: zoomIn; }
-
-@keyframes zoomInDown {
- from {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- 60% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomInDown {
- animation-name: zoomInDown; }
-
-@keyframes zoomInLeft {
- from {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- 60% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomInLeft {
- animation-name: zoomInLeft; }
-
-@keyframes zoomInRight {
- from {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- 60% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomInRight {
- animation-name: zoomInRight; }
-
-@keyframes zoomInUp {
- from {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- 60% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomInUp {
- animation-name: zoomInUp; }
-
-@keyframes zoomOut {
- from {
- opacity: 1; }
- 50% {
- opacity: 0;
- transform: scale3d(0.3, 0.3, 0.3); }
- to {
- opacity: 0; } }
-.zoomOut {
- animation-name: zoomOut; }
-
-@keyframes zoomOutDown {
- 40% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- to {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
- transform-origin: center bottom;
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomOutDown {
- animation-name: zoomOutDown; }
-
-@keyframes zoomOutLeft {
- 40% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
- to {
- opacity: 0;
- transform: scale(0.1) translate3d(-2000px, 0, 0);
- transform-origin: left center; } }
-.zoomOutLeft {
- animation-name: zoomOutLeft; }
-
-@keyframes zoomOutRight {
- 40% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
- to {
- opacity: 0;
- transform: scale(0.1) translate3d(2000px, 0, 0);
- transform-origin: right center; } }
-.zoomOutRight {
- animation-name: zoomOutRight; }
-
-@keyframes zoomOutUp {
- 40% {
- opacity: 1;
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
- to {
- opacity: 0;
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
- transform-origin: center bottom;
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-.zoomOutUp {
- animation-name: zoomOutUp; }
-
-@keyframes slideInDown {
- from {
- transform: translate3d(0, -100%, 0);
- visibility: visible; }
- to {
- transform: translate3d(0, 0, 0); } }
-.slideInDown {
- animation-name: slideInDown; }
-
-@keyframes slideInLeft {
- from {
- transform: translate3d(-100%, 0, 0);
- visibility: visible; }
- to {
- transform: translate3d(0, 0, 0); } }
-.slideInLeft {
- animation-name: slideInLeft; }
-
-@keyframes slideInRight {
- from {
- transform: translate3d(100%, 0, 0);
- visibility: visible; }
- to {
- transform: translate3d(0, 0, 0); } }
-.slideInRight {
- animation-name: slideInRight; }
-
-@keyframes slideInUp {
- from {
- transform: translate3d(0, 100%, 0);
- visibility: visible; }
- to {
- transform: translate3d(0, 0, 0); } }
-.slideInUp {
- animation-name: slideInUp; }
-
-@keyframes slideOutDown {
- from {
- transform: translate3d(0, 0, 0); }
- to {
- visibility: hidden;
- transform: translate3d(0, 100%, 0); } }
-.slideOutDown {
- animation-name: slideOutDown; }
-
-@keyframes slideOutLeft {
- from {
- transform: translate3d(0, 0, 0); }
- to {
- visibility: hidden;
- transform: translate3d(-100%, 0, 0); } }
-.slideOutLeft {
- animation-name: slideOutLeft; }
-
-@keyframes slideOutRight {
- from {
- transform: translate3d(0, 0, 0); }
- to {
- visibility: hidden;
- transform: translate3d(100%, 0, 0); } }
-.slideOutRight {
- animation-name: slideOutRight; }
-
-@keyframes slideOutUp {
- from {
- transform: translate3d(0, 0, 0); }
- to {
- visibility: hidden;
- transform: translate3d(0, -100%, 0); } }
-.slideOutUp {
- animation-name: slideOutUp; }
-
-@font-face {
- font-family: 'pragmatapro';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.svg#pragmataproregular") format("svg");
- font-weight: normal;
- font-style: normal; }
-@font-face {
- font-family: 'pragmatapro_mono';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.svg#pragmatapro_monoregular") format("svg");
- font-weight: normal;
- font-style: normal; }
-@font-face {
- font-family: 'pragmatapro';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.svg#pragmataproitalic") format("svg");
- font-weight: normal;
- font-style: italic; }
-@font-face {
- font-family: 'pragmatapro_mono';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.svg#pragmatapro_monoitalic") format("svg");
- font-weight: normal;
- font-style: italic; }
-@font-face {
- font-family: 'pragmatapro';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.svg#pragmataprobold_italic") format("svg");
- font-weight: bold;
- font-style: italic; }
-@font-face {
- font-family: 'pragmatapro_mono';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.svg#pragmatapro_monobold_italic") format("svg");
- font-weight: bold;
- font-style: italic; }
-@font-face {
- font-family: 'pragmatapro';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.svg#pragmataprobold") format("svg");
- font-weight: bold;
- font-style: normal; }
-@font-face {
- font-family: 'pragmatapro_mono';
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot");
- src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.svg#pragmatapro_monobold") format("svg");
- font-weight: bold;
- font-style: normal; }
-body {
- color: rgba(33, 57, 81, 0.7);
- font-family: "Source Sans Pro", sans-serif; }
-
-#fs-home {
- background: #F6F9FA; }
-
-#site-header,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- color: #102A44;
- font-family: "pragmatapro", sans-serif;
- text-transform: uppercase; }
-
-a {
- transition: all 350ms ease; }
-
-.btn {
- padding: 12px 40px;
- border-radius: 0;
- transition: background-color 350ms ease; }
- .btn:hover {
- background: #fff; }
-
-#navigation {
- position: fixed;
- padding: 40px 24px;
- z-index: 2;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-justify-content: space-between;
- -moz-justify-content: space-between;
- -ms-justify-content: space-between;
- justify-content: space-between;
- -ms-flex-pack: space-between;
- -webkit-align-items: center;
- -moz-align-items: center;
- -ms-align-items: center;
- align-items: center;
- transition: all 350ms ease;
- width: 100%; }
- #navigation .navigation-brand {
- font-family: "pragmatapro", sans-serif;
- font-size: 17px;
- text-transform: uppercase;
- letter-spacing: 1px; }
- #navigation .navigation-menu {
- margin: 0; }
- #navigation .navigation-menu .navigation-menu-item {
- display: inline-block;
- line-height: 1.8; }
- #navigation .navigation-menu .navigation-menu-item:first-child {
- margin-right: 32px; }
- #navigation a {
- color: #fff; }
- #navigation a:hover, #navigation a:focus, #navigation a:active {
- text-decoration: none; }
- #navigation a:hover {
- color: rgba(255, 255, 255, 0.6); }
- #navigation.navigation-scroll {
- background: rgba(16, 42, 68, 0.92);
- padding: 24px; }
-
-.jumbotron {
- text-align: center;
- background: url("../img/freestyle-background-jumbotron.svg") center center no-repeat #102A44; }
- .jumbotron h1 {
- font-size: 40px; }
- @media (max-width: 992px) {
- .jumbotron h1 {
- font-size: 26.6666666667px; } }
- .jumbotron p {
- margin-bottom: 20px; }
- .jumbotron .jumbotron-stars {
- font-size: 20px; }
- .jumbotron .jumbotron-stars .fa {
- margin-right: 8px; }
- .jumbotron .jumbotron-stars a:hover {
- text-decoration: none; }
- .jumbotron svg:hover .beta {
- opacity: 0.1; }
-
-#site-main {
- padding-bottom: 80px;
- background: #F6F9FA; }
- #site-main #features .feature-algebras,
- #site-main #features .feature-handlers,
- #site-main #features .feature-modules {
- padding: 40px 24px;
- margin-top: -50px;
- text-align: center;
- background: #fff;
- box-shadow: 0 2px 0 0 rgba(16, 42, 68, 0.08); }
- #site-main #features .feature-algebras h2,
- #site-main #features .feature-handlers h2,
- #site-main #features .feature-modules h2 {
- font-size: 22px; }
- #site-main #features .feature-algebras p,
- #site-main #features .feature-handlers p,
- #site-main #features .feature-modules p {
- margin-bottom: 0;
- color: rgba(33, 57, 81, 0.7); }
- @media (max-width: 992px) {
- #site-main #features .feature-handlers,
- #site-main #features .feature-modules {
- margin-top: 20px; } }
- #site-main #features a:hover {
- text-decoration: none; }
- #site-main #libraries .libraries-lines {
- margin: 48px 0 24px;
- text-align: center; }
- @media (max-width: 1200px) {
- #site-main #libraries .libraries-lines svg {
- width: 76%;
- height: auto; } }
- @media (max-width: 992px) {
- #site-main #libraries .libraries-lines {
- display: none; } }
- #site-main #libraries a .library-cassandra,
- #site-main #libraries a .library-effects,
- #site-main #libraries a .library-kafka,
- #site-main #libraries a .library-rpc {
- text-align: center; }
- #site-main #libraries a .library-cassandra h3,
- #site-main #libraries a .library-effects h3,
- #site-main #libraries a .library-kafka h3,
- #site-main #libraries a .library-rpc h3 {
- font-size: 17px; }
- #site-main #libraries a .library-cassandra p,
- #site-main #libraries a .library-effects p,
- #site-main #libraries a .library-kafka p,
- #site-main #libraries a .library-rpc p {
- font-size: 14px;
- color: rgba(16, 42, 68, 0.7); }
- #site-main #libraries a .library-cassandra .cta-library,
- #site-main #libraries a .library-effects .cta-library,
- #site-main #libraries a .library-kafka .cta-library,
- #site-main #libraries a .library-rpc .cta-library {
- background: #01C2C2;
- color: #fff;
- padding: 2px 12px 1px;
- margin-bottom: 0;
- display: inline-block;
- font-family: "pragmatapro", sans-serif;
- text-transform: uppercase;
- font-size: 12px;
- transition: all 350ms ease; }
- @media (max-width: 992px) {
- #site-main #libraries a .library-cassandra,
- #site-main #libraries a .library-effects,
- #site-main #libraries a .library-kafka,
- #site-main #libraries a .library-rpc {
- margin-top: 48px; } }
- #site-main #libraries a img {
- transition: all 350ms ease; }
- #site-main #libraries a:hover {
- text-decoration: none; }
- #site-main #libraries a:hover img {
- transform: scale(1.2); }
- #site-main #libraries a:hover .cta-library {
- background: #019e9e; }
-
-.author {
- display: flex;
- align-items: center; }
- .author img {
- margin-right: 8px; }
-
-body.docs {
- background: #F6F9FA; }
- body.docs .kazari-id-1 {
- margin-bottom: 40px; }
- body.docs .modal-kazari {
- margin-top: 0; }
- body.docs .compiler-kazari.compiler-kazari-background {
- background: #102A44 !important; }
-
-#sidebar-wrapper {
- background: #102A44; }
- #sidebar-wrapper .sidebar-nav > .sidebar-brand a {
- background: none;
- padding-top: 20px;
- padding-bottom: 20px; }
- #sidebar-wrapper .sidebar-nav > li {
- margin-bottom: 0;
- border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
- #sidebar-wrapper .sidebar-nav > li > a {
- font-family: "pragmatapro", sans-serif;
- padding-top: 4px;
- padding-bottom: 4px; }
- #sidebar-wrapper .sidebar-nav > li .sub_section {
- border-top: 1px solid rgba(255, 255, 255, 0.07);
- padding: 20px 0; }
- #sidebar-wrapper .sidebar-nav > li .sub_section li {
- border-left: 1px solid rgba(255, 255, 255, 0.15);
- margin-left: 24px; }
- #sidebar-wrapper .sidebar-nav > li .sub_section li:before {
- content: "–";
- position: absolute;
- color: rgba(255, 255, 255, 0.15); }
- #sidebar-wrapper .sidebar-nav > li .sub_section li a {
- padding-left: 18px; }
- #sidebar-wrapper .sidebar-nav > li .sub_section li a:hover {
- background: none;
- color: rgba(255, 255, 255, 0.5); }
- #sidebar-wrapper .sidebar-nav li a {
- color: #fff; }
- #sidebar-wrapper .sidebar-nav li a.active {
- color: #01C2C2;
- border-left: 0; }
- #sidebar-wrapper .sidebar-nav li a:hover {
- background: rgba(255, 255, 255, 0.07); }
- #sidebar-wrapper .sidebar-nav li ul li {
- font-size: 14px;
- line-height: 2.1; }
-
-#page-content-wrapper section {
- background: none;
- padding: 0; }
- #page-content-wrapper section p {
- color: rgba(16, 42, 68, 0.7); }
- #page-content-wrapper section h2 {
- font-size: 26px; }
- #page-content-wrapper section h3 {
- font-size: 22px; }
- #page-content-wrapper section pre {
- margin-bottom: 0;
- border: none;
- font-size: 18px; }
-#page-content-wrapper .nav {
- box-shadow: 0 2px 0 0 rgba(16, 42, 68, 0.08); }
-
-#site-footer {
- background: #102A44; }
-
-code,
-pre {
- font-family: "pragmatapro", sans-serif; }
-
-.indirect-injection, .gitter-open-chat-button, .scroll-injection {
- opacity: 0; }
+ */@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from, 50%, to{opacity:1}25%, 75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from, to{transform:translate3d(0, 0, 0)}10%, 30%, 50%, 70%, 90%{transform:translate3d(-10px, 0, 0)}20%, 40%, 60%, 80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%, 20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%, 50%, 70%, 90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, 60%, 80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from, 11.1%, to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%, 55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%, 45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%, 45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%, 60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%, 80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.svg#pragmataproregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.svg#pragmatapro_monoregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.svg#pragmataproitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.svg#pragmatapro_monoitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.svg#pragmataprobold_italic") format("svg");font-weight:bold;font-style:italic}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.svg#pragmatapro_monobold_italic") format("svg");font-weight:bold;font-style:italic}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.svg#pragmataprobold") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.svg#pragmatapro_monobold") format("svg");font-weight:bold;font-style:normal}body{color:rgba(33,57,81,0.7);font-family:"Source Sans Pro",sans-serif}#fs-home{background:#F6F9FA}#site-header,h1,h2,h3,h4,h5,h6{color:#102A44;font-family:"pragmatapro",sans-serif;text-transform:uppercase}a{transition:all 350ms ease}.btn{padding:12px 40px;border-radius:0;transition:background-color 350ms ease}.btn:hover{background:#fff}canvas{margin:40px 0}#navigation{position:fixed;padding:40px 24px;z-index:2;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;transition:all 350ms ease;width:100%}#navigation .navigation-brand{font-family:"pragmatapro",sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:1px}#navigation .navigation-menu{margin:0}#navigation .navigation-menu .navigation-menu-item{display:inline-block;line-height:1.8}#navigation .navigation-menu .navigation-menu-item:first-child{margin-right:32px}#navigation a{color:#fff}#navigation a:hover,#navigation a:focus,#navigation a:active{text-decoration:none}#navigation a:hover{color:rgba(255,255,255,0.6)}#navigation.navigation-scroll{background:rgba(16,42,68,0.92);padding:24px}.jumbotron{text-align:center;background:url("../img/freestyle-background-jumbotron.svg") center center no-repeat #102A44}.jumbotron h1{font-size:40px}@media (max-width: 992px){.jumbotron h1{font-size:26.6666666667px}}.jumbotron p{margin-bottom:20px}.jumbotron .jumbotron-stars{font-size:20px}.jumbotron .jumbotron-stars .fa{margin-right:8px}.jumbotron .jumbotron-stars a:hover{text-decoration:none}.jumbotron svg:hover .beta{opacity:0.1}#site-main{padding-bottom:80px;background:#F6F9FA}#site-main #features .feature-algebras,#site-main #features .feature-handlers,#site-main #features .feature-modules{padding:40px 24px;margin-top:-50px;text-align:center;background:#fff;box-shadow:0 2px 0 0 rgba(16,42,68,0.08)}#site-main #features .feature-algebras h2,#site-main #features .feature-handlers h2,#site-main #features .feature-modules h2{font-size:22px}#site-main #features .feature-algebras p,#site-main #features .feature-handlers p,#site-main #features .feature-modules p{margin-bottom:0;color:rgba(33,57,81,0.7)}@media (max-width: 992px){#site-main #features .feature-handlers,#site-main #features .feature-modules{margin-top:20px}}#site-main #features a:hover{text-decoration:none}#site-main #libraries .libraries-lines{margin:48px 0 24px;text-align:center}@media (max-width: 1200px){#site-main #libraries .libraries-lines svg{width:76%;height:auto}}@media (max-width: 992px){#site-main #libraries .libraries-lines{display:none}}#site-main #libraries a .library-cassandra,#site-main #libraries a .library-effects,#site-main #libraries a .library-kafka,#site-main #libraries a .library-rpc{text-align:center}#site-main #libraries a .library-cassandra h3,#site-main #libraries a .library-effects h3,#site-main #libraries a .library-kafka h3,#site-main #libraries a .library-rpc h3{font-size:17px}#site-main #libraries a .library-cassandra p,#site-main #libraries a .library-effects p,#site-main #libraries a .library-kafka p,#site-main #libraries a .library-rpc p{font-size:14px;color:rgba(16,42,68,0.7)}#site-main #libraries a .library-cassandra .cta-library,#site-main #libraries a .library-effects .cta-library,#site-main #libraries a .library-kafka .cta-library,#site-main #libraries a .library-rpc .cta-library{background:#01C2C2;color:#fff;padding:2px 12px 1px;margin-bottom:0;display:inline-block;font-family:"pragmatapro",sans-serif;text-transform:uppercase;font-size:12px;transition:all 350ms ease}@media (max-width: 992px){#site-main #libraries a .library-cassandra,#site-main #libraries a .library-effects,#site-main #libraries a .library-kafka,#site-main #libraries a .library-rpc{margin-top:48px}}#site-main #libraries a img{transition:all 350ms ease}#site-main #libraries a:hover{text-decoration:none}#site-main #libraries a:hover img{transform:scale(1.2)}#site-main #libraries a:hover .cta-library{background:#019e9e}.author{display:flex;align-items:center}.author img{margin-right:8px}body.docs{background:#F6F9FA}body.docs .kazari-id-1{margin-bottom:40px}body.docs .modal-kazari{margin-top:0}body.docs .compiler-kazari.compiler-kazari-background{background:#102A44 !important}#sidebar-wrapper{background:#102A44}#sidebar-wrapper .sidebar-nav>.sidebar-brand a{background:none;padding-top:20px;padding-bottom:20px}#sidebar-wrapper .sidebar-nav>li{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.07)}#sidebar-wrapper .sidebar-nav>li>a{font-family:"pragmatapro",sans-serif;padding-top:4px;padding-bottom:4px}#sidebar-wrapper .sidebar-nav>li .sub_section{border-top:1px solid rgba(255,255,255,0.07);padding:20px 0}#sidebar-wrapper .sidebar-nav>li .sub_section li{border-left:1px solid rgba(255,255,255,0.15);margin-left:24px}#sidebar-wrapper .sidebar-nav>li .sub_section li:before{content:"–";position:absolute;color:rgba(255,255,255,0.15)}#sidebar-wrapper .sidebar-nav>li .sub_section li a{padding-left:18px}#sidebar-wrapper .sidebar-nav>li .sub_section li a:hover{background:none;color:rgba(255,255,255,0.5)}#sidebar-wrapper .sidebar-nav li a{color:#fff}#sidebar-wrapper .sidebar-nav li a.active{color:#01C2C2;border-left:0}#sidebar-wrapper .sidebar-nav li a:hover{background:rgba(255,255,255,0.07)}#sidebar-wrapper .sidebar-nav li ul li{font-size:14px;line-height:2.1}#page-content-wrapper section{background:none;padding:0}#page-content-wrapper section p{color:rgba(16,42,68,0.7)}#page-content-wrapper section h2{font-size:26px}#page-content-wrapper section h3{font-size:22px}#page-content-wrapper section pre{margin-bottom:0;border:none;font-size:18px}#page-content-wrapper .nav{box-shadow:0 2px 0 0 rgba(16,42,68,0.08)}#site-footer{background:#102A44}code,pre{font-family:"pragmatapro",sans-serif}.indirect-injection,.gitter-open-chat-button,.scroll-injection{opacity:0}
diff --git a/docs/src/main/resources/microsite/sass/_components.scss b/docs/src/main/resources/microsite/sass/_components.scss
index fc5f161d..b4d163ea 100644
--- a/docs/src/main/resources/microsite/sass/_components.scss
+++ b/docs/src/main/resources/microsite/sass/_components.scss
@@ -24,6 +24,7 @@ h6 {
text-transform: uppercase;
}
+
a {
transition: all $base-duration $base-timing;
}
@@ -38,6 +39,13 @@ a {
background: #fff;
}
}
+// Canvas
+
+canvas {
+ margin: 40px 0;
+}
+
+
// Navigation
#navigation {
diff --git a/docs/src/main/tut/docs/optimizations/README.md b/docs/src/main/tut/docs/optimizations/README.md
index da9bef0e..be68aa85 100644
--- a/docs/src/main/tut/docs/optimizations/README.md
+++ b/docs/src/main/tut/docs/optimizations/README.md
@@ -4,11 +4,11 @@ title: Optimizations
permalink: /docs/optimizations/
---
-## Optimizations
+# Optimizations
Freestyle provides several optimizations that result in more performant runtimes for applications using `Free`.
-# Faster ops dispatching
+## Faster ops dispatching
Freestyle optimizes operations dispatched in the generated `FunctionK` handlers to increase ops throughput.
Traditional Scala hand written `FunctionK` handlers are often times implemented simply with pattern matching where each case is considered with constructor based patterns as in the example below:
@@ -47,11 +47,9 @@ Freestyle Coproduct implementation based on [iota](https://github.com/47deg/iota