*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;font-family:'Ubuntu', Arial, sans-serif}body{overflow-x:hidden;font-size:16px;font-size:1.6rem;line-height:1.8em}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.small{font-size:0.8em}i{background:#fff;font-style:normal}.page{width:100%;max-width:1200px;margin:auto}.desc{padding:0 10px;width:100%;max-width:1000px;margin:50px auto 50px auto;padding:0 10px;clear:both;overflow:auto}@media (min-width: 1020px){.desc{padding:0}}.desc h1{font-size:4rem}.desc h2{font-size:2.5rem;margin:3rem 0 1.5rem 0}.desc h3{font-size:2rem}.desc p{margin:2rem 0 0 0;font-size:1.5rem}.desc p .note{font-size:0.9em;margin-top:20px}.desc p i{background:#dddddd}.desc p i a{color:#000}.desc p i a:hover{color:blue}.desc .code{color:#000;font-size:0.9em;font-weight:bold;font-family:courier;background:#eee;overflow-wrap:break-word}.desc textarea{margin-top:2.5rem;width:100%;height:200px;background:#303030;padding:1rem 1.5rem;border:0;color:#fff}.video-content{width:1050px;margin:auto}.colored{background:#ffa300;padding:5rem 0;position:relative}.colored:before{content:'';background:#ffa300;width:100vw;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%)}
/*# sourceMappingURL=demo.css.map */