2 lines
7.6 KiB
CSS
2 lines
7.6 KiB
CSS
|
*{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Emoji","Segoe UI",Ubuntu,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#24292e;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:#348efb;text-decoration:none}a:hover{text-decoration:underline}main,article,aside,footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6,.app-btn{font-weight:700;margin:1em 0}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}img{border-style:none}pre{background:#eee;font-family:monospace,monospace;font-size:1rem}.wrapper{width:1200px;max-width:100%;margin:0 auto}.left{float:left}.right{float:right}.navbar{text-transform:uppercase;line-height:50px;height:50px;background:#0280cf;font-weight:400;overflow:hidden}.navbar a{text-decoration:none}.brand{font-size:1rem;position:relative;float:left;color:#fff;padding-left:2.2rem}.brand:before{position:absolute;top:0;left:12px;font-family:icons;content:'\e926'}.brand:hover{color:#fff}.brand h1{font-weight:400;font-size:1rem;letter-spacing:.02rem;margin:0}.navbar ul{letter-spacing:.02rem;list-style:none;margin:0;padding:0}.navbar ul li{float:left;position:relative;font-size:.75rem}.navbar ul li a{display:block;padding:0 .8rem;color:#fff;text-decoration:none}.navbar ul li a:hover{color:#348efb}.hero{color:#fff;text-align:center;background:#0070c9;background:linear-gradient(to right,#0070c9,#348efb);background:-webkit-linear-gradient(to right,#0070c9,#348efb)}@media screen and (min-width: 64em){.hero{padding:6.4rem;padding-bottom:0}}@media screen and (min-width: 42em) and (max-width: 64em){.hero{padding:3rem 4rem;padding-bottom:0}}@media screen and (max-width: 42em){.hero{padding:2rem 1rem;padding-bottom:0}}.hero .preview{margin:1.5em auto 0;max-width:848px}.hero .preview img{display:block;width:100%;height:auto}.hero .title,.blog-header .title{font-weight:400;margin-top:0;margin-bottom:.1rem}@media screen and (min-width: 64em){.hero .title,.blog-header .title{font-size:3.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.hero .title,.blog-header .title{font-size:2.25rem}}@media screen and (max-width: 42em){.hero .title,.blog-header .title{font-size:1.75rem}}.hero .tagline{margin-bottom:2rem;color:#fff}@media screen and (min-width: 64em){.hero .tagline{font-size:1.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.hero .tagline{font-size:1.15rem}}@media screen and (max-width: 42em){.hero .tagline{font-size:1rem}}.app-btn{text-decoration:none;display:inline-block;font-weight:400;margin:1rem 0;color:#fff;background:#348efb);border-color:#fff;border-style:solid;border-width:1px}.app-btn:hover{color:#348efb;background-color:#fff;border-color:#fff;text-decoration:none}.app-btn + .app-btn{margin-left:1rem}@media screen and (min-width: 64em){.app-btn{padding:.75rem 2rem}}@media screen and (min-width: 42em) and (max-width: 64em){.app-btn{padding:.6rem .9rem;font-size:.9rem}}@media screen and (max-width: 42em){.app-btn{display:block;width:90%;margin-left:auto;margin-right:auto;padding:.75rem;font-size:.9rem}.app-btn + .app-btn{margin-top:1rem;margin-left:0}}.features{padding:70px 0;background:#eff2f7}.container{max-width:1200px;margin:0 auto;font-size:0}.container > div{font-size:14px;display:inline-block;vertical-align:top;width:33%;padding:15px}.container > div > div{text-align:center}.container i{color:#348efb}.container h2{font-size:20px;margin:1em 0 .7em;padding:0;text-align:center}.container p{line-height:1.7rem;font-size:15px;margin:1em 0;padding:0}@media screen and (min-width: 42em) and (max-width: 64em){.container > div{width:50%}}@media screen and (max-width: 42em){.container > div{display:block;width:100%}.features{padding:30px 0}}.content{word-wrap:break-word}.content :first-child{margin-top:0}@media screen and (min-width: 64em){.content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width
|