#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}p[data-v-df5afd7a]{margin-left:20px;margin-right:20px}#tifh[data-v-df5afd7a]{box-shadow:0 0 3px #ccc;padding:5px;width:500px;margin:0 auto;text-align:center;background-color:#fef9eb;max-width:90%;word-break:break-all}body{background-color:#fff}.title{font-weight:700;font-size:40px}.cn{display:flex;justify-content:center;align-items:center}.codebase{padding:10px}#intro{background-color:#fff}#footer{padding:10px}#examples{margin:5px}#examples button{margin:20px;background-color:#f7d472;border:none;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;box-shadow:0 0 3px #ccc}.sub-heading{color:#828d9f;-webkit-margin-before:-10px;margin-block-start:-10px}.section{-webkit-padding-before:30px;padding-block-start:30px;-webkit-padding-after:15px;padding-block-end:15px;padding-left:20%;padding-right:20%}.section-top{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:15px;padding-block-end:15px;padding-left:20%;padding-right:20%}.grid-item{background-color:#fff;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;box-shadow:0 0 3px #ccc}.grid-item p{text-align:left;margin-left:10px}.grid-item h3{margin:0}.features,.get-started{background-color:#fef9eb}