@import "https://fonts.googleapis.com/css?family=Cabin+Sketch";
.site h1{text-align:center;opacity:.8;order:1;font-family:Cabin Sketch,cursive;font-size:3em}.site h1 small{display:block}.site{flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.sketch{order:2;min-width:400px;height:400px;margin:0;position:relative;overflow:visible}.bee-sketch{width:100%;height:100%;position:absolute;top:0;left:0}.red{opacity:1;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-1.png) 50% no-repeat;animation:3s linear infinite red,5s linear infinite alternate opacityRed}.blue{opacity:0;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-1.png) 50% no-repeat;animation:3s linear infinite blue,5s linear infinite alternate opacityBlue}@media only screen and (min-width:780px){.site{flex-direction:row;padding:1em 3em 1em 0}.site h1{text-align:right;order:2;padding-bottom:2em;padding-left:2em}.sketch{order:1}}@keyframes blue{0%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-1.png)}9.09%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-2.png)}27.27%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-3.png)}36.36%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-4.png)}45.45%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-5.png)}54.54%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-6.png)}63.63%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-7.png)}72.72%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-8.png)}81.81%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-9.png)}to{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/blue-1.png)}}@keyframes red{0%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-1.png)}9.09%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-2.png)}27.27%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-3.png)}36.36%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-4.png)}45.45%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-5.png)}54.54%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-6.png)}63.63%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-7.png)}72.72%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-8.png)}81.81%{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-9.png)}to{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/198554/red-1.png)}}@keyframes opacityBlue{0%{opacity:0}25%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes opacityRed{0%{opacity:1}25%{opacity:1}75%{opacity:.3}to{opacity:.3}}