.header,.title-container,.code,.yellow-bar-1,.yellow-bar-2,.yellow-bar-3,.yellow-bar-4,.yellow-bar-5,.yellow-bar-6,.yellow-bar-7,.yellow-bar-8,.yellow-bar-9,.yellow-bar-10,.yellow-bar-11,.yellow-bar-12,.yellow-bar-flex,.yellow-bar-x,.yellow-bar-y{margin-right:.52083%;margin-left:.52083%}.container,.demo-row{margin-left:auto;margin-right:auto;width:100%;max-width:1200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box}.yellow-bar-flex{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;box-sizing:border-box}.yellow-bar-1{width:7.29177%;box-sizing:border-box}.yellow-bar-2{width:15.6252%;box-sizing:border-box}.yellow-bar-3,.yellow-bar-x{width:23.95863%;box-sizing:border-box}.yellow-bar-4{width:32.29206%;box-sizing:border-box}.yellow-bar-5{width:40.62549%;box-sizing:border-box}.yellow-bar-6,.yellow-bar-y{width:48.95892%;box-sizing:border-box}.yellow-bar-7{width:57.29235%;box-sizing:border-box}.code,.yellow-bar-8{width:65.62577999999999%;box-sizing:border-box}.yellow-bar-9{width:73.95921%;box-sizing:border-box}.yellow-bar-10{width:82.29263999999999%;box-sizing:border-box}.yellow-bar-11{width:90.62607%;box-sizing:border-box}.header,.title-container,.yellow-bar-12{width:98.95949999999999%;box-sizing:border-box}.code{margin-left:17.18769%}.yellow-bar-x{margin-left:25.52112%}.offset-6{margin-left:50.521409999999996%}.offset-7{margin-left:58.854839999999996%}.c-align-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.c-align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}.c-align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.c-align-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.c-align-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.v-align-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;}.v-align-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}.v-align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.tab{position:relative;text-align:center;height:300px}.tab-painel{display:inline-block;}.tab-painel .tab-open{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.tab-nav{cursor:pointer;font-size:1.4rem;display:inline-block;padding:10px 60px}@media (max-width:600px){.tab-nav{padding:10px}}.tab-open,.tab-nav:hover,.tab-open:checked ~ .tab-nav{background-color:#f7cb34}.tab-inner{opacity:0;position:absolute;left:0;transition:opacity .1s;visibility:hidden;width:100%}.tab-open:focus:checked ~ .tab-nav{outline:thin dotted}.tab-open:checked ~ .tab-inner{opacity:100;visibility:visible;transition:opacity .6 ease}body{font-family:'Play',sans-serif;font-weight:300;background-color:#e6e6e6;background-size:80px 140px;font-size:18px}.header-bg{padding:50px 0;background:#e6e6e6}.header{text-align:center;}.logo{width:100%;max-width:540px}.the-basic{background-color:#f7cb34;padding-bottom:50px;width:100%}.the-basic .title-lv3{color:#222}.the-basic .title-lv4{color:#222}.item-feature{background-color:#e22b4a;padding-bottom:50px}.container-features{background-color:#f7cb34;padding-bottom:50px}.container-features .title-lv3{color:#222}.container-features .title-lv4{color:#222}.breakpoint{background-color:#e22b4a;padding-bottom:50px}.support{background-color:#e6e6e6;padding-bottom:50px}.support .title-lv3{color:#222}.support p{color:#222}.note{background-color:#fff;color:#000;padding:10px 15px;margin:0 auto;display:block;-webkit-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);-moz-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);width:100%;max-width:660px;font-size:16px}@media (max-width:610px){.note{width:80%;margin:0 auto}}.title-container{text-align:center}.title-lv1{font-size:48px;margin-top:0;padding:0 30px}@media (max-width:380px){.title-lv1{padding:0}}.title-lv2{font-size:30px}.title-lv3{font-size:30px;color:#fff;padding:30px 0;margin:0}@media (max-width:600px){.title-lv1{font-size:38px}.title-lv2{font-size:25px}.title-lv3{font-size:25px}}.title-lv4{font-size:25px;color:#fff;font-style:oblique;font-weight:700}.magenta{color:#e22b4a}.standard-paragraph{color:#fff}.link-magenta{color:#e22b4a;text-decoration:none;-webkit-transition:color .5s;transition:color .5s}.link-magenta:hover{color:#aa0b40}.link-white{color:#fff;text-decoration:none;-webkit-transition:color .5s;transition:color .5s}.link-white:hover{color:#aa0b40}.btn{padding:10px 30px;color:#fff;background-color:#e22b4a;margin:30px 0 45px 0;display:inline-block;text-decoration:none;-webkit-transition:background-color .5s;transition:background-color .5s}@media (max-width:610px){.btn{display:block;width:200px;margin:30px auto}}.btn:hover{background-color:#aa0b40}.demo-row{background-color:#fff;padding:10px 0;margin-top:10px;-webkit-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);-moz-box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);box-shadow:3px 3px 3px 0 rgba(50,50,50,0.77);}.code-sh{width:100%;max-width:390px;margin:0 auto;font-size:16px}@media (max-width:600px){.code-sh{font-size:14px}}.code-sh .pre{background-color:#000;color:#9c9c9c}.code{text-align:left}@media (max-width:600px){.code{width:98.95949999999999%;margin-left:.52083%;padding:0 10px}}.code .pre{background-color:#000;color:#9c9c9c;padding-left:10px}.featured{color:#f7cb34}.commented{color:#808080}.yellow-bar-1{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-2{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-3{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-4{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-5{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-6{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-7{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-8{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-9{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-10{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-11{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-12{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-flex{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-x{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}.yellow-bar-y{background-color:#ccc;margin-top:5px;margin-bottom:5px;height:30px;}@media (max-width:811px){.yellow-bar-x{width:98.95949999999999%;margin-left:.52083%}.yellow-bar-y{width:98.95949999999999%}}.big{height:90px}.footer-container{background-color:#222;padding:20px 0;width:100%}.footer{text-align:center}.heart{margin:0 5px;width:10px;height:10px;background-color:#e1008f;position:relative;display:inline-block;animation:pulse .5s infinite alternate ease-in}.heart:before{width:10px;height:10px;border-radius:50%;background-color:#e1008f;position:absolute;top:0;left:50%;content:""}.heart:after{width:10px;height:10px;border-radius:50%;background-color:#e1008f;position:absolute;top:50%;left:0;content:""}@-moz-keyframes pulse{from{transform:rotate(-135deg) scale(1)}to{transform:rotate(-135deg) scale(1.2)}}@-webkit-keyframes pulse{from{transform:rotate(-135deg) scale(1)}to{transform:rotate(-135deg) scale(1.2)}}@-o-keyframes pulse{from{transform:rotate(-135deg) scale(1)}to{transform:rotate(-135deg) scale(1.2)}}@keyframes pulse{from{transform:rotate(-135deg) scale(1)}to{transform:rotate(-135deg) scale(1.2)}}