body,html{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}h1,h2{font-weight:400}.stage{height:300px;width:100%;background:#025d63;position:relative;overflow:hidden}.lang{position:absolute;left:0;top:0;color:#6ab;padding:5px 10px;font-size:15px;z-index:998}.lang span{margin-right:8px;cursor:pointer}.lang span:hover{color:#fff}.logo{position:relative;z-index:99}.github-corners{position:absolute;top:0;right:0;height:100px;width:100px;z-index:9999}.slide{width:100%;height:150px;background:#02676d;position:absolute;left:0;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.slide-2{width:100%;height:60px;left:-120px;z-index:80}.slide-3{width:100%;height:40px;left:205px;z-index:1}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}.content{margin-top:3em;padding-bottom:3em}.content h1{margin:0;margin-bottom:20px}.content img{margin-right:5px}.content .button-group{margin-top:15px}.content .button-group a{position:relative;height:50px;width:10em;background:#00686e;border:1px solid #00686e;color:#fff;border-radius:50px;margin:1em 0;letter-spacing:.1em;min-width:8em;text-align:center;margin-right:1em;display:inline-block;font-size:1.2em;line-height:2.7em;font-weight:100;cursor:pointer;text-decoration:none}.content .button-group a.fan{background:#fff;border:1px solid #00686e;color:#00686e}.baberrage-stage{top:0;z-index:5}.baberrage-stage .baberrage-item.normal{color:#fff}.top{border:1px solid #6ab}.demo-control{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:58px;margin:0 auto;position:absolute;bottom:30px;z-index:99}.demo-control,.demo-control .inside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.demo-control .inside{background:rgba(0,0,0,.6);padding:15px 5px;border-radius:5px;border:2px solid #8ad9ff;width:400px}.demo-control button,.demo-control input,.demo-controlselect{height:35px;padding:0;float:left;background:#00f3d8;border:1px solid #71daff;color:#008e97;border-radius:0;width:15%;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.demo-control button{border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:0}.demo-control button:hover{color:#00f3d8;background:#008e97;cursor:pointer}.demo-control input{width:75%;height:35px;background:rgba(0,0,0,.7);border:1px solid #8ad9ff;padding-left:15px;color:#fff}.box-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:60%;margin:0 auto;border-top:1px solid #e3e3e3;margin-top:15px;padding-top:15px}.box-container .box{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5px 10px}.footer{padding:1em 0;color:#767676;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.footer div{width:60%;border-top:1px solid #e3e3e3;padding-top:1em}@media only screen and (max-width:768px){.box-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}h3[data-v-536251f0]{margin:40px 0 0}ul[data-v-536251f0]{list-style-type:none;padding:0}li[data-v-536251f0]{display:inline-block;margin:0 10px}a[data-v-536251f0]{color:#42b983}