html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@keyframes start{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes start{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@-moz-keyframes start{from{-moz-transform:scale(0)}to{-moz-transform:scale(1)}}.item[data-state="init"]{display:none}.item[data-state="start"]{display:block;animation:start 0.5s;-webkit-animation:start 0.5s;-moz-animation:start 0.5s}.typed-cursor{opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}header{background:rgba(0,0,0,0.2);padding:8px;margin-bottom:4px;overflow:hidden}.header__logo{float:left;width:25px;height:auto}.header__topic{float:left;margin:0 0 0 8px;padding:0;line-height:1;font-size:1.1em}.header__version{float:right;font-size:0.6em;margin:0;opacity:0.5;line-height:20px}.header__description{float:left;font-size:0.7em;margin:0 0 0 8px;border-left:1px solid #888;padding-left:8px;color:#888888;line-height:20px;height:20px;display:none}@media (min-width: 700px){.header__description{display:block}}.cubes{position:relative;float:left;width:100%;margin-bottom:8px}@media (min-width: 700px){.cubes{width:70%}}.cubes-container{overflow:hidden;padding:1px;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.cubes-container.is-reflowing{opacity:0}.cube{width:50px;height:50px;float:left;position:relative;box-shadow:0 0 2px black;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-o-perspective:1000;perspective:1000}.cube__image{width:100%;height:100%;background-repeat:no-repeat}.cube__front{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);-webkit-transform:translateZ(-25px) rotateY(0deg) translateZ(25px);-moz-transform:translateZ(-25px) rotateY(0deg) translateZ(25px);-ms-transform:translateZ(-25px) rotateY(0deg) translateZ(25px);-o-transform:translateZ(-25px) rotateY(0deg) translateZ(25px);transform:translateZ(-25px) rotateY(0deg) translateZ(25px);background:#bbb;opacity:1}.cube__left{-webkit-transform:translateX(25px) scaleX(0);-moz-transform:translateX(25px) scaleX(0);-ms-transform:translateX(25px) scaleX(0);-o-transform:translateX(25px) scaleX(0);transform:translateX(25px) scaleX(0);-webkit-transform:translateZ(-25px) rotateY(-90deg) translateZ(25px);-moz-transform:translateZ(-25px) rotateY(-90deg) translateZ(25px);-ms-transform:translateZ(-25px) rotateY(-90deg) translateZ(25px);-o-transform:translateZ(-25px) rotateY(-90deg) translateZ(25px);transform:translateZ(-25px) rotateY(-90deg) translateZ(25px);opacity:0.1;background:#bbb}.cube__right{-webkit-transform:translateX(-25px) scaleX(0);-moz-transform:translateX(-25px) scaleX(0);-ms-transform:translateX(-25px) scaleX(0);-o-transform:translateX(-25px) scaleX(0);transform:translateX(-25px) scaleX(0);-webkit-transform:translateZ(-25px) rotateY(90deg) translateZ(25px);-moz-transform:translateZ(-25px) rotateY(90deg) translateZ(25px);-ms-transform:translateZ(-25px) rotateY(90deg) translateZ(25px);-o-transform:translateZ(-25px) rotateY(90deg) translateZ(25px);transform:translateZ(-25px) rotateY(90deg) translateZ(25px);opacity:0.1;background:#bbb}.cube__left,.cube__front,.cube__right{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#333;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s ease-in-out,background-color 1s ease-in-out,opacity 1s ease-in-out;-moz-transition:-webkit-transform 1s ease-in-out,background-color 1s ease-in-out,opacity 1s ease-in-out;-ms-transition:-webkit-transform 1s ease-in-out,background-color 1s ease-in-out,opacity 1s ease-in-out;-o-transition:-webkit-transform 1s ease-in-out,background-color 1s ease-in-out,opacity 1s ease-in-out;transition:transform 1s ease-in-out,background-color 1s ease-in-out,opacity 1s ease-in-out}.cube__back{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.caption{display:none;font-family:'Merriweather', Georgia, serif;font-size:12px;min-height:51px;background-color:rgba(0,0,0,0.8);z-index:10;color:#ddd;padding:8px}.is-ready .caption{display:block}@media (min-width: 700px){.caption{position:absolute;bottom:0;left:0}}.caption__credit{color:#aaa;display:block}.metabox{float:right;margin-top:2px;width:100%}@media (min-width: 700px){.metabox{width:30%}}.metabox p{line-height:1.3;margin:2px}.user{overflow:hidden}.user__avatar{width:48px;height:48px;float:left}.user__handle{line-height:48px;margin-left:8px;float:left}.tweet-text{opacity:0;transition:opacity 1s ease-in-out}.tweet-text a{color:#ffffff}.tweet-text.visible{opacity:1}.tweet-time{font-size:0.8em;color:#cccccc;opacity:0;transition:opacity 1s ease-in-out}.tweet-time.visible{opacity:1}.twitter-tweet{margin:0 !important;width:100% !important;border-color:#666666 !important;opacity:0;transition:opacity 1s ease-in-out}.twitter-tweet.twitter-tweet-rendered{opacity:1}body{font-family:Lato, sans-serif;color:#ffffff;background:#444}a{text-decoration:none;color:#2aa9e0}a:hover{text-decoration:underline}html,.container{background:#444}.item{background:#2aa9e0;width:300px;height:200px;padding:4px}.item img{width:100%;height:auto}.item--double{width:300px;height:200px}