a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}.area .video,.common-sprite,.getting-started .video,header .bee,header .bg,header .path1,header .path2{background:url(../images/generated/48ec7ec8.common-s7470d532f0.png) no-repeat}body{background-color:#fff}.root{box-sizing:border-box;width:100%;height:auto;padding:0 15px;margin:0 auto;overflow-x:hidden}a{display:block;opacity:.99;text-decoration:none;transition:opacity 100ms linear}a:hover{opacity:.8}.inline{display:inline}.yellow{color:#fbb24c}.bold{font-weight:700}.container{width:100%}header{width:100%;position:relative}header .bg{position:absolute;top:-50px;left:50%;margin-left:-323px;z-index:-1;background-position:0 -132px;height:646px;width:669px}header .logo{background-repeat:no-repeat;background-image:url(../images/97f42fd8.bzz.svg),none;background-size:100% 100%;width:234px;height:109px;margin:75px auto 0}header .bee{position:absolute;top:-50px;right:0;background-position:0 -850px;height:48px;width:49px}header .slogan{position:absolute;top:39px;left:50%;margin-left:-145px;width:290px;text-align:center;font-family:'Amatic SC',cursive;font-weight:700;font-size:30px;color:#4e4e4e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header .path{display:none;position:absolute}header .path1{background-position:0 -778px;height:72px;width:195px}header .path2{background-position:0 0;height:132px;width:157px}nav{margin-top:50px;margin-bottom:40px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:0;text-align:center}nav li{display:inline-block;vertical-align:top;font-size:0}nav li:after{content:'.';display:inline-block;vertical-align:top;color:#4e4e4e;font-size:14px;margin-top:15px;margin-left:5px;margin-right:5px}nav li a{box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;height:49px;padding-top:18px;font-family:Lora,serif;font-size:14px;font-style:italic;color:#4e4e4e}nav li:last-child:after{display:none}.area h1,.getting-started h1{display:block;text-align:center;font-family:'Amatic SC',cursive;font-size:40px;color:#fbb24c;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.area p,.getting-started p{margin-top:10px;display:block;text-align:center;font-family:Lora,serif;font-size:16px;line-height:22px;color:#4e4e4e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.area .video,.getting-started .video{display:block;background-position:0 -898px;height:36px;width:36px;margin:15px auto 10px}.area .watch,.getting-started .watch{font-family:'Amatic SC',cursive;font-weight:700;font-size:20px;color:#4e4e4e;text-align:center}.area{margin-top:50px;margin-bottom:50px}.area h1,.area p{text-align:left}.area .learn{display:block;font-family:Lora,serif;font-size:16px;color:#fbb24c;margin:18px 0 30px}.area .code{background-color:#f5f5f5;border-radius:8px;overflow:hidden}.area .code .header{background-color:#ddd;height:32px;font-size:0}.area .code .header .button{margin-top:12px;margin-right:6px;display:inline-block;vertical-align:top;width:10px;height:10px;border-radius:100%}.area .code .header .button.red{background-color:#f06152}.area .code .header .button.yellow{background-color:#fbb24c}.area .code .header .button.green{background-color:#86d03e}.area .code .header .button:first-child{margin-left:13px}.area .code pre{font-family:Inconsolata;padding:30px 0 30px 24px;margin:0;font-size:12px;line-height:19px}.area .code code,.area .code pre{color:#4e4e4e}